Treehouse | Community | Adjust the Grid with Media Queries

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

New No-Code Track! 🚀start learning today!

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

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

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Samuel Kleos
Front End Web Development Techdegree Student 13,728 Points
What if... 🤔 Everything was auto rows (grid-auto-rows:) including the desktop.

Posted February 9, 2023 12:58am by Samuel Kleos

Samuel Kleos
Front End Web Development Techdegree Student 13,728 Points
0 Answers
Peter Huang
5,427 Points
Chrome has this tool now I believe..

Posted December 23, 2022 7:06pm by Peter Huang

Peter Huang
5,427 Points
1 Answer
Peter Huang
5,427 Points
Teacher's notes of " Grid “fallbacks” and overrides " have an error

Posted November 16, 2022 7:43pm by Peter Huang

Peter Huang
5,427 Points
1 Answer
Peter Huang
5,427 Points
why do you need flex box for button?

Posted November 16, 2022 7:40pm by Peter Huang

Peter Huang
5,427 Points
1 Answer
Peter Huang
5,427 Points
seems like assigning names is more useful

Posted November 16, 2022 2:31am by Peter Huang

Peter Huang
5,427 Points
1 Answer
PLUS

Ben Ja
Courses Plus Student 6,055 Points
i am not getting sticky footer with display: grid;

Posted October 25, 2022 11:32am by Ben Ja

Ben Ja
Courses Plus Student 6,055 Points
1 Answer
Nik Oaks
8,056 Points
Media Query Syntax

Posted July 19, 2022 4:57pm by Nik Oaks

Nik Oaks
8,056 Points
1 Answer
Robin McKenzie
4,007 Points
The link for Firefox Developer Edition is broken

Posted April 5, 2022 7:33am by Robin McKenzie

Robin McKenzie
4,007 Points
1 Answer
Muaaz Matwadia
Full Stack JavaScript Techdegree Graduate 19,327 Points
Grid Layout

Posted January 2, 2021 2:14pm by Muaaz Matwadia

Muaaz Matwadia
Full Stack JavaScript Techdegree Graduate 19,327 Points
1 Answer
Muaaz Matwadia
Full Stack JavaScript Techdegree Graduate 19,327 Points
container > * selector

Posted January 2, 2021 1:04pm by Muaaz Matwadia

Muaaz Matwadia
Full Stack JavaScript Techdegree Graduate 19,327 Points
1 Answer
Matt Nickolls
9,895 Points
Why does the footer disappear once the second row track is changed to minmax values and the viewport size is reduced?

Posted November 23, 2020 4:51pm by Matt Nickolls

Matt Nickolls
9,895 Points
1 Answer
Peter May
16,376 Points
Mobile 1st rule: How does the CSS grid know how to lay out the templates for sm. screens when you custm. like this vid?

Posted November 19, 2020 1:08pm by Peter May

Peter May
16,376 Points
1 Answer
Eduardo Vargas
5,871 Points
Which to use: Rows or Columns?

Posted April 6, 2020 9:26pm by Eduardo Vargas

Eduardo Vargas
5,871 Points
1 Answer
Agata Zurek
Full Stack JavaScript Techdegree Graduate 26,419 Points
Using 'auto' in minmax isn't working with Firefox but does with Chrome and Edge

Posted December 28, 2019 2:24am by Agata Zurek

Agata Zurek
Full Stack JavaScript Techdegree Graduate 26,419 Points
1 Answer
Piotr Manczak
Front End Web Development Techdegree Graduate 29,609 Points
view port issues

Posted October 9, 2019 11:52am by Piotr Manczak

Piotr Manczak
Front End Web Development Techdegree Graduate 29,609 Points
0 Answers
ian truong
4,685 Points
grid placement in css are amazing but i have one concern. can header and nav share one space?

Posted June 15, 2018 6:45pm by ian truong

ian truong
4,685 Points
1 Answer
Joseph Torres
6,282 Points
How would you create a navigational bar with links using CSS Grids?

Posted November 24, 2017 7:24pm by Joseph Torres

Joseph Torres
6,282 Points
2 Answers
furkan
11,733 Points
Quirks

Posted October 13, 2017 6:46pm by furkan

furkan
11,733 Points
3 Answers
Shaun Wong
14,489 Points
Main & Aside areas are incorrectly sized.

Posted October 11, 2017 1:46pm by Shaun Wong

Shaun Wong
14,489 Points
1 Answer
Brian Besler
11,493 Points
Problem with the activity of adding nav and the 3rd column.

Posted October 9, 2017 4:24pm by Brian Besler

Brian Besler
11,493 Points
2 Answers
PLUS

Omar Perez
Courses Plus Student 164 Points
For whatever reason in firefox it creates this extra gap on right side that causes scrollbars https://imgur.com/a/g0TDx

Posted October 2, 2017 5:26am by Omar Perez

Omar Perez
Courses Plus Student 164 Points
3 Answers
Brian Hudson
14,785 Points
The layout tab doesn't appear at all in my developer tools view

Posted September 29, 2017 1:15pm by Brian Hudson

Brian Hudson
14,785 Points
1 Answer
Peter Javorkai
31,477 Points
CSS Grid Chrome Inspector tool

Posted September 28, 2017 7:50am by Peter Javorkai

Peter Javorkai
31,477 Points
5 Answers
Valeshan Naidoo
27,008 Points
Source mistake?

Posted September 27, 2017 10:26pm by Valeshan Naidoo

Valeshan Naidoo
27,008 Points
1 Answer

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