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 trialPavani Chilakala
Full Stack JavaScript Techdegree Graduate 17,946 PointsProblem with Challenge Task 2 of 3 of CSS Selectors
Having a problem with this question
/* Write the CSS in the media query below */
@media (min-width: 607px) {
img:nth-child(3n + 1) {
float: left;
clear: left;
}
}
<!DOCTYPE html>
<html>
<head>
<title>Selectors</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<img src="thumb-forest.jpg" alt="">
<img src="thumb-resort.jpg" alt="">
<img src="thumb-trees.jpg" alt="">
<img src="thumb-falls.jpg" alt="">
<img src="thumb-view.jpg" alt="">
<img src="thumb-sunset.jpg" alt="">
<img src="thumb-lake.jpg" alt="">
<img src="thumb-beach.jpg" alt="">
<img src="thumb-bay.jpg" alt="">
<img src="thumb-peaks.jpg" alt="">
<img src="thumb-falls.jpg" alt="">
<img src="thumb-resort.jpg" alt="">
</body>
</html>
2 Answers
Steven Parker
231,236 PointsIt looks like you modified the rule you created in the first task instead of adding a new rule to go with it;. The first rule handles the "float", the new one will only need a "clear".
Also, the instructions ask for a "selector that targets the fourth img
child element first", but the code shown here targets the first one first instead.
Michael
Python Web Development Techdegree Graduate 14,109 Points/* Write the CSS in the media query below */
@media (min-width: 607px) {
img {
float: left;
}
img:nth-child(3n+4) {
clear: left;
}
}
Steven Parker
231,236 PointsFYI: explicit answers without any explanation are strongly discouraged by Treehouse and may be subject to redaction.
Yuri Souza
9,518 PointsYuri Souza
9,518 PointsThanks, simple mistake but it took me a lot of time to figure it out, would've taken even longe if it weren't for you.
Steven Parker
231,236 PointsSteven Parker
231,236 PointsIt's nice to know the old answers are still helping.