Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Basics CSS Layout Project Introducing the Project

Luqman Shah
Luqman Shah
3,016 Points
Posted by Luqman Shah
Luqman Shah
3,016 Points

Please Review my Code

(https://w.trhou.se/gho9s3oitv)

At 02:58 when he says make a two column layout, I'm confused on how to go about that. Everything went fine imo, I like the way the layout turned out in preview. I managed to get the layout for mobile and desktop viewports, I managed to get three columns for the secondary, primary, and tertiary divs, and I managed to complete the overall project. I just can't seem to figure out how to make two columns for when the screen is at medium width. I tried creating a second media quarrie and playing with the toggle device toolbar in the developer tools, but still can't seem to figure it out. Please help! Honestly I think it looks fine in medium/iPad viewport width the way I did it, but that's not how he wants it done, and I want to complete the project the way he wants it completed. Thanks!

1 Answer

Cobe Learns
Cobe Learns
25,333 Points
Cobe Learns
Cobe Learns
25,333 Points

hi there,

what Guil Hernandez did for medium devices is next :

    .primary,
    .secondary {
        width: 50%;
    }

He targeted .primary and .secondary and set width at 50% (so they take 100% together) and he didnt touch .tertiary (cascade in action meaning .tertiary will take sapace below .primary and .secondary) I personaly like his better since its not that cramped but its really up to you...

Hope it helps