Treehouse | Community | Media Query Basics

⚡ CYBER NOVEMBER SALE ⚡ 50% off any plan for 6 months, exclusive to new subscribers.

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

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Eduard Edwin
14,569 Points
Unable to resize Chrome to less than 480px wide.

Posted June 29, 2020 8:07am by Eduard Edwin

Eduard Edwin
14,569 Points
4 Answers
ja5on
10,339 Points
Dark red doesnt work (same as other here) simply doesnt work

Posted May 19, 2020 3:53pm by ja5on

ja5on
10,339 Points
3 Answers
PLUS

Oscar Blanco
Courses Plus Student 1,626 Points
RED IS NOT WORKING WITH RIGHT SYNTAX!!

Posted April 1, 2020 9:59pm by Oscar Blanco

Oscar Blanco
Courses Plus Student 1,626 Points
5 Answers
Deborah Savage
Front End Web Development Techdegree Student 6,794 Points
These media queries did not apply and I've double checked my syntax and spelling, Im not sure if something is overriding

Posted August 11, 2019 5:34pm by Deborah Savage

Deborah Savage
Front End Web Development Techdegree Student 6,794 Points
6 Answers
Charles Hanson
8,368 Points
Not changing blue or red

Posted May 30, 2019 4:08pm by Charles Hanson

Charles Hanson
8,368 Points
3 Answers
PLUS

hassan mohammad
Courses Plus Student 818 Points
Dev Tools

Posted April 17, 2019 10:23pm by hassan mohammad

hassan mohammad
Courses Plus Student 818 Points
1 Answer
Routine Poutine
26,050 Points
@media (min-width), (max-width), or (min-width) and (max-width)?

Posted March 10, 2019 12:00am by Routine Poutine

Routine Poutine
26,050 Points
1 Answer
PLUS

Minh Le
Courses Plus Student 4,264 Points
Can you please help me? I didn't see the change to red or seagreen when I resize.

Posted February 25, 2019 2:54pm by Minh Le

Minh Le
Courses Plus Student 4,264 Points
4 Answers
Grace Van Etten
3,756 Points
seagreen not applying

Posted September 26, 2018 9:10pm by Grace Van Etten

Grace Van Etten
3,756 Points
4 Answers
Jorge Amezcua
2,425 Points
It dosen't work! I have tried for 1 hour and nothing! Help!

Posted August 17, 2018 12:19am by Jorge Amezcua

Jorge Amezcua
2,425 Points
4 Answers
guram dgebuadze
Front End Web Development Techdegree Student 4,122 Points
Media query

Posted June 27, 2018 12:22pm by guram dgebuadze

guram dgebuadze
Front End Web Development Techdegree Student 4,122 Points
5 Answers
Leo Penaloza
8,426 Points
The seagreen color is not displaying, nor as the p colors?

Posted June 2, 2018 11:00pm by Leo Penaloza

Leo Penaloza
8,426 Points
1 Answer
Harrison Greeves
2,920 Points
My window will not change to red when I shrink it to 480px

Posted February 28, 2018 6:53pm by Harrison Greeves

Harrison Greeves
2,920 Points
4 Answers
B.B. Groeneveld
2,826 Points
Wanted to note that the all media type doesn't take effect in my project

Posted January 9, 2018 3:04pm by B.B. Groeneveld

B.B. Groeneveld
2,826 Points
5 Answers
Philip Kroupoderov
Front End Web Development Techdegree Graduate 21,641 Points
When we use ems or % for media queries what is it relative to??

Posted December 17, 2017 5:24pm by Philip Kroupoderov

Philip Kroupoderov
Front End Web Development Techdegree Graduate 21,641 Points
1 Answer
Natalie Pickrom
2,526 Points
I had entered the Media Query and the colors are not showing when I resize my browser window with the preview.

Posted December 4, 2017 9:39pm by Natalie Pickrom

Natalie Pickrom
2,526 Points
1 Answer
Stephanie Shaw
3,373 Points
Browser viewport size info tool

Posted November 29, 2017 9:24am by Stephanie Shaw

Stephanie Shaw
3,373 Points
3 Answers
Stefan Cutajar
7,747 Points
How are the images getting smaller when you resize the the browser and not overflowing?

Posted October 22, 2017 6:54pm by Stefan Cutajar

Stefan Cutajar
7,747 Points
4 Answers
Tracy Nickel
7,430 Points
Where to place the @media queries

Posted September 25, 2017 11:16pm by Tracy Nickel

Tracy Nickel
7,430 Points
1 Answer
Saahil Gajmer
3,510 Points
why does the text turn yellow when the viewport's max-width is 960px although we haven't given any color property to it?

Posted September 13, 2017 3:27pm by Saahil Gajmer

Saahil Gajmer
3,510 Points
1 Answer
Quinton Dobbs
5,149 Points
What is the point of the media queries in the context of this video?

Posted August 16, 2017 6:33pm by Quinton Dobbs

Quinton Dobbs
5,149 Points
0 Answers
Tobias Laursen
5,326 Points
@media (min-width: 481) and (max-width: 700px) not working

Posted August 14, 2017 6:42am by Tobias Laursen

Tobias Laursen
5,326 Points
2 Answers
PLUS

Jeffrey Burger
Courses Plus Student 4,882 Points
Just wanted to make note that "royalblue" is not identified by chrome. When I changed the background to "blue" It worked

Posted July 27, 2017 2:07am by Jeffrey Burger

Jeffrey Burger
Courses Plus Student 4,882 Points
2 Answers
Juan Ramos
6,445 Points
media queries not working

Posted July 15, 2017 6:41am by Juan Ramos

Juan Ramos
6,445 Points
8 Answers
Hayden Moore
Front End Web Development Techdegree Student 2,346 Points
@media (max-width: 960px) { body { background: royalblue; } p { color: white; } }

Posted June 10, 2017 5:14pm by Hayden Moore

Hayden Moore
Front End Web Development Techdegree Student 2,346 Points
1 Answer
Hope Gobron
3,395 Points
workspace preview not showing my updates.

Posted June 8, 2017 2:05pm by Hope Gobron

Hope Gobron
3,395 Points
0 Answers
Rizwan Ahmed
1,089 Points
Media query not working

Posted March 22, 2017 5:21pm by Rizwan Ahmed

Rizwan Ahmed
1,089 Points
2 Answers
Anja Grayson
9,669 Points
preview window is blank

Posted March 21, 2017 7:51pm by Anja Grayson

Anja Grayson
9,669 Points
0 Answers
Amrit Pandey
17,595 Points
Media Query not responding

Posted February 9, 2017 10:55am by Amrit Pandey

Amrit Pandey
17,595 Points
1 Answer
stephenallison
8,559 Points
Media Queries- Not sure what's wrong with my syntax

Posted January 11, 2017 5:23pm by stephenallison

stephenallison
8,559 Points
4 Answers

Prev Page 1 of 2 Next

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