Treehouse | Community | Write CSS Media Queries

You found it first ⚡ 50% off any plan for 6 months, exclusive to new subscribers for a limited time only.

Join the Treehouse affiliate program and earn 25% recurring commission!

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Catalina Torres
710 Points
Not sure what I'm doing wrong

Posted April 17, 2017 9:34pm by Catalina Torres

Catalina Torres
710 Points
2 Answers
PLUS

floseta canada
Courses Plus Student 2,275 Points
not able to get the second media query to pass...not sure what i am doing wrong.

Posted April 17, 2017 6:01pm by floseta canada

floseta canada
Courses Plus Student 2,275 Points
2 Answers
chen wang
4,271 Points
@media screen and (min-width:480px) { h1 { font-size: 2.5em; } } I don't know what's wrong with it.

Posted April 17, 2017 10:18am by chen wang

chen wang
4,271 Points
4 Answers
Moses Finlay
Full Stack JavaScript Techdegree Graduate 24,800 Points
How does CLEAR work?

Posted April 16, 2017 7:00am by Moses Finlay

Moses Finlay
Full Stack JavaScript Techdegree Graduate 24,800 Points
1 Answer
Daniel Askan Filsoof Mikkelsen
1,998 Points
bug?

Posted April 13, 2017 8:53pm by Daniel Askan Filsoof Mikkelsen

Daniel Askan Filsoof Mikkelsen
1,998 Points
1 Answer
Erin Hughes
1,274 Points
I seriously need help on this! cannot pass!

Posted April 13, 2017 3:46pm by Erin Hughes

Erin Hughes
1,274 Points
1 Answer
Daniel Oviedo
2,812 Points
Validating my HTML file

Posted April 13, 2017 3:15am by Daniel Oviedo

Daniel Oviedo
2,812 Points
2 Answers
Michael Strickland
658 Points
Breakpoint not working correctly.

Posted April 12, 2017 8:30pm by Michael Strickland

Michael Strickland
658 Points
1 Answer
Philip Brazeale
8,386 Points
h1 {font-size: 2.5em;} not recognized.

Posted April 11, 2017 6:17am by Philip Brazeale

Philip Brazeale
8,386 Points
1 Answer
Ryan Schmelter
9,710 Points
Gallery images aren't stacking correctly on narrow screen / mobile version.

Posted April 9, 2017 8:54pm by Ryan Schmelter

Ryan Schmelter
9,710 Points
1 Answer
Askar Suvanbekov
1,894 Points
@media screen and (min-width: 480px)

Posted April 7, 2017 1:06am by Askar Suvanbekov

Askar Suvanbekov
1,894 Points
2 Answers
Chris Falk
10,321 Points
index.html only displaying three columns/ not going from two columns to three.

Posted April 6, 2017 9:55pm by Chris Falk

Chris Falk
10,321 Points
2 Answers
Scott Wolf
Front End Web Development Techdegree Student 1,148 Points
Grey Area between 480px and 660px

Posted April 5, 2017 9:24pm by Scott Wolf

Scott Wolf
Front End Web Development Techdegree Student 1,148 Points
1 Answer
Scott Wolf
Front End Web Development Techdegree Student 1,148 Points
Nth child doing nothing..Not needed in first place. Why?

Posted April 5, 2017 8:39pm by Scott Wolf

Scott Wolf
Front End Web Development Techdegree Student 1,148 Points
1 Answer
Scott Wolf
Front End Web Development Techdegree Student 1,148 Points
#wrapper not centering excess margin/padding on the right

Posted April 5, 2017 7:44pm by Scott Wolf

Scott Wolf
Front End Web Development Techdegree Student 1,148 Points
2 Answers
Michael Andreassen
2,419 Points
Code challange says there is an error, but I cannot see where is should be.

Posted April 5, 2017 11:41am by Michael Andreassen

Michael Andreassen
2,419 Points
3 Answers
PLUS

Patrick Borosky
Courses Plus Student 10,615 Points
Title and Nav are on different levels...

Posted April 4, 2017 9:13pm by Patrick Borosky

Patrick Borosky
Courses Plus Student 10,615 Points
0 Answers
Hayden Bryce
3,103 Points
My header on "About" page is different to the rest. My profile photo also seems to not wrap effectively.

Posted April 3, 2017 1:36pm by Hayden Bryce

Hayden Bryce
3,103 Points
6 Answers
Gem Duong
514 Points
its acting up again

Posted April 3, 2017 7:39am by Gem Duong

Gem Duong
514 Points
1 Answer
Kyle King
Front End Web Development Techdegree Student 7,321 Points
Window resizing? How does Nick resize the window so small? I'm unable to do this on my Mac.

Posted April 2, 2017 3:54pm by Kyle King

Kyle King
Front End Web Development Techdegree Student 7,321 Points
1 Answer
Tony Bourne
2,432 Points
Clear the left side of every 4th list item in the element with the I.D of Gallery.

Posted March 31, 2017 3:10pm by Tony Bourne

Tony Bourne
2,432 Points
5 Answers
Tony Bourne
2,432 Points
Media Query, create a selector that chooses all list items that are nested inside the element. Set width to 28.3333%

Posted March 31, 2017 2:21pm by Tony Bourne

Tony Bourne
2,432 Points
2 Answers
Liliana Leyva
3,711 Points
Why do I get this warning when trying to validate html? I do not know how to add the code.

Posted March 30, 2017 2:53pm by Liliana Leyva

Liliana Leyva
3,711 Points
2 Answers
Hunter Books
1,236 Points
@media screen and (min-width: 480px) { h1 {font-size: 2.5em;}} Why doesn't this work?

Posted March 30, 2017 1:10am by Hunter Books

Hunter Books
1,236 Points
1 Answer
abdirahim Maslah
2,060 Points
i want to set the font size to 2.5em when screen is or larger 480px. me code looks right to me but i am getting the bumm

Posted March 29, 2017 6:41pm by abdirahim Maslah

abdirahim Maslah
2,060 Points
3 Answers
Kevin Brennan
19,920 Points
Can't pass Refactor the layout challenge part 1 in the How to Make a Website track

Posted March 28, 2017 9:09am by Kevin Brennan

Kevin Brennan
19,920 Points
2 Answers
May Stanley
4,182 Points
Now, clear the left side of every 4th list item in the element with the id of "gallery".

Posted March 28, 2017 5:59am by May Stanley

May Stanley
4,182 Points
1 Answer
PLUS

andrew dunn
Courses Plus Student 934 Points
won't accept this answer: what is wrong? @media screen and (min-width:480px) { h1 { font-size: 2.5em; } }

Posted March 27, 2017 4:59pm by andrew dunn

andrew dunn
Courses Plus Student 934 Points
2 Answers
tapas chatterjee
739 Points
@media screen and (min-width: 480px) { h1 { font-size:2.5em } } //not working says "check font-size"

Posted March 27, 2017 3:48pm by tapas chatterjee

tapas chatterjee
739 Points
3 Answers
chaithu build
Front End Web Development Techdegree Student 640 Points
Create a breakpoint for devices 480 pixels wide or larger. Inside the breakpoint, set the h1 font-size to 2.5em.

Posted March 26, 2017 7:10pm by chaithu build

chaithu build
Front End Web Development Techdegree Student 640 Points
1 Answer

Prev Page 8 of 81 Next

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.