/* 
 * Fix for horizontal scrollbar 
 * This file targets only the horizontal scrolling issue
 */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Ensure containers don't cause overflow */
.container {
  max-width: 100%;
  width: var(--container-width, 1200px);
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Ensure images don't cause overflow */
img {
  max-width: 100%;
  height: auto;
}

/* Fix for any potential grid overflow issues */
.row,
.skill-group,
.about-row,
.skills-container {
  max-width: 100%;
  box-sizing: border-box;
}