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! While you're at it, check out some resources Treehouse students have shared here.
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
Henry Udefi
Courses Plus Student 664 PointsMedia queries question
Hello Team, I got held up at this code challenge... "Add the appropriate CSS code to the media query so that images within the ".cupcake" div disappear when the device or browser width is at most 480px wide..
/* Mobile ----------- */ @media screen and (max-width : 480px) { .menu { width: 100%; margin: 0 0 2% 0; float: left; } .contact { width: 100%; margin: 5% 0; padding: 3%; float: right; background-color: #2e0400; border-radius: 15px; }
4 Answers
Ian Lunn
4,558 PointsThe selector to use for images within the cupcake div is:
.cupcake img
And the declaration to hide those images is:
display: none;
Henry Udefi
Courses Plus Student 664 PointsThanks Lunn, I got it... i have a another Question, when do you think i should start designing a simple site, to follow up the project, should i finish with the project at hand (smell like bakin) or start my own now, need some advice...
Henry
John Locke
15,479 PointsStart now! It doesn't need to be perfect. You're building to learn. Every site you build will make you more polished and you will learn more each time.
Henry Udefi
Courses Plus Student 664 PointsThanks John, i really needed the advice...