Treehouse | Community | Media Queries

AI Bootcamp Pre-Sale get 50% off Courses and Courses+ ahead of our AI Bootcamp program launch Sept 23!

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

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

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Nyasha Julius Choga
13,731 Points
Create a media query that targets all devices when the viewport width is 421px or wider. Inside the media query, select

Posted February 22, 2021 11:36am by Nyasha Julius Choga

Nyasha Julius Choga
13,731 Points
1 Answer
Thomas Scott
7,682 Points
Next, create a new media query that targets all devices when the viewport width is 769px or wider. Inside the media quer

Posted February 22, 2021 3:30am by Thomas Scott

Thomas Scott
7,682 Points
1 Answer
Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
Create a media query that changes the background color of the header element to orchid only when the viewport is between

Posted February 21, 2021 11:47pm by Megan Spisak

Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
2 Answers
Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
Create a media query that targets all devices when the viewport width is 421px or wider. Inside the media query, select

Posted February 21, 2021 11:26pm by Megan Spisak

Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
1 Answer
Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
Display the list items inside .main-list side by side. Use the display value that generates a block element that flows w

Posted February 21, 2021 10:59pm by Megan Spisak

Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
1 Answer
Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
Create a new rule that targets the h2. The parent element of the h2 has a font-size value of 16px. Use an em unit to giv

Posted February 21, 2021 10:55pm by Megan Spisak

Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
2 Answers
arieloo
13,257 Points
Carefull ! There have been changes to Bootstrap since video was recorded, check your import link is up to date !

Posted February 21, 2021 7:32pm by arieloo

arieloo
13,257 Points
- CSS
0 Answers
Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
How is this wrong?

Posted February 20, 2021 6:58pm by Megan Spisak

Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
2 Answers
Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
Em based font-size for .heading

Posted February 20, 2021 6:51pm by Megan Spisak

Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
2 Answers
Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
Next, give the header a solid, orange bottom border that's 10px wide.

Posted February 20, 2021 5:26pm by Megan Spisak

Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
1 Answer
Boris Paula
7,444 Points
inline-block

Posted February 20, 2021 5:20pm by Boris Paula

Boris Paula
7,444 Points
2 Answers
Boris Paula
7,444 Points
The <ul> with the class main-list is a block-level element by default, so it takes up its container's full width. Set .

Posted February 20, 2021 4:56pm by Boris Paula

Boris Paula
7,444 Points
2 Answers
Nas Jones
7,849 Points
Flexbox

Posted February 19, 2021 11:47pm by Nas Jones

Nas Jones
7,849 Points
- CSS
1 Answer
Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
Finally, target the paragraph that is a descendant of the footer element. Add a color property and set the value to slat

Posted February 19, 2021 8:35pm by Megan Spisak

Megan Spisak
Front End Web Development Techdegree Student 1,168 Points
2 Answers
Simon Duong
4,616 Points
create a background image of bear solution not working

Posted February 19, 2021 3:38am by Simon Duong

Simon Duong
4,616 Points
1 Answer
Jesus Borjas
Front End Web Development Techdegree Student 7,051 Points
I'm having trouble with this task. Shouldn't it be .logo { position: absolute;}

Posted February 18, 2021 4:06am by Jesus Borjas

Jesus Borjas
Front End Web Development Techdegree Student 7,051 Points
1 Answer
Kudakwashe Jama
7,676 Points
Create a media query that targets all devices when the viewport width is 421px or wider. Inside the media query, select

Posted February 17, 2021 4:17pm by Kudakwashe Jama

Kudakwashe Jama
7,676 Points
1 Answer
mon Wil
2,007 Points
How often is one expected to use the CSS validator tool? Would this be part of best practice in debugging css code?

Posted February 16, 2021 9:12pm by mon Wil

mon Wil
2,007 Points
- CSS
1 Answer
Stephen Williams
4,419 Points
Not sure where my error is coming into play.. Could someone point me in the right direction please and thank you!

Posted February 16, 2021 8:09pm by Stephen Williams

Stephen Williams
4,419 Points
1 Answer
matthew walter
6,618 Points
The em-based font-size value for .heading is relative to its parent header's font-size value. This causes a compounding

Posted February 16, 2021 3:06am by matthew walter

matthew walter
6,618 Points
1 Answer
Nas Jones
7,849 Points
Media query

Posted February 15, 2021 8:10am by Nas Jones

Nas Jones
7,849 Points
3 Answers
Zeke Swanson
Web Development Techdegree Student 8,301 Points
Am I missing something?

Posted February 15, 2021 4:11am by Zeke Swanson

Zeke Swanson
Web Development Techdegree Student 8,301 Points
1 Answer
Ronald Greer
Front End Web Development Techdegree Graduate 56,430 Points
What am i doing wrong here?

Posted February 14, 2021 8:36pm by Ronald Greer

Ronald Greer
Front End Web Development Techdegree Graduate 56,430 Points
1 Answer
Jonathan Guerrero
Front End Web Development Techdegree Graduate 18,245 Points
hello, can anybody help me. I've used this code but it doesn't work

Posted February 14, 2021 3:48am by Jonathan Guerrero

Jonathan Guerrero
Front End Web Development Techdegree Graduate 18,245 Points
1 Answer
Karina Salviano
2,020 Points
having trouble to display a value that generates a block element that doesn't take full line

Posted February 13, 2021 5:10pm by Karina Salviano

Karina Salviano
2,020 Points
1 Answer
Abdulrahman Jamal
1,739 Points
where are the three files ??????????

Posted February 13, 2021 6:18am by Abdulrahman Jamal

Abdulrahman Jamal
1,739 Points
1 Answer
Ubo Town
3,227 Points
imgs with ::before

Posted February 13, 2021 1:52am by Ubo Town

Ubo Town
3,227 Points
2 Answers
Andrzej W
104 Points
"The yellow is there, but the padding and width aren't affecting my boxes.6:34"

Posted February 12, 2021 6:56pm by Andrzej W

Andrzej W
104 Points
2 Answers
PLUS

Robert Roberson
Courses Plus Student 8,401 Points
Create a media query that targets all devices when the viewport width is 421px or wider. Inside the media query, select

Posted February 12, 2021 8:49am by Robert Roberson

Robert Roberson
Courses Plus Student 8,401 Points
1 Answer
henry onyedum
5,423 Points
what am i doing Wrong?

Posted February 12, 2021 1:29am by henry onyedum

henry onyedum
5,423 Points
2 Answers

Prev Page 28 of 334 Next

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