CSS CSS Flexbox Layout Building a Layout with Flexbox Creating a Two Column Layout with Flexbox

daniel steinberg
daniel steinberg
12,989 Points

Primary and Secondary Column width

Before adding "flex: 1:" and "flex: 2;" to the media queries, why does the Primary take up 2x the width of Secondary at 769 min width? Why are they not the same width? I see nothing in base.css that would cause this. Thanks

1 Answer

Jamie Reardon
Jamie Reardon
Front End Web Development Techdegree Student 12,580 Points

The primary column has more content than the secondary column. By default, it will obviously take more width than the secondary column because of this.

They both share the class col, and therefore, the teacher adds flex: 1 to the 769px media query. By adding this css property, the two columns become of equal width.