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

daniel steinberg
daniel steinberg
13,605 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
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

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.