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

🤑 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

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

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • Android
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
    • Showing results for:
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Close
  • Samuel Kleos
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Samuel Kleos
    Front End Web Development Techdegree Student 13,728 Points

    What if... 🤔 Everything was auto rows (grid-auto-rows:) including the desktop.

    Posted on Feb 9, 2023 by Samuel Kleos
    .a{fill-rule:evenodd;}techdegree
    Samuel Kleos
    Front End Web Development Techdegree Student 13,728 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Adjust the Grid with Media Queries

    0 Answers

  • Peter Huang
    Peter Huang
    5,427 Points

    Chrome has this tool now I believe..

    Posted on Dec 23, 2022 by Peter Huang
    Peter Huang
    5,427 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Firefox Grid Inspector Tool

    1 Answer

  • Peter Huang
    Peter Huang
    5,427 Points

    Teacher's notes of " Grid “fallbacks” and overrides " have an error

    Posted on Nov 16, 2022 by Peter Huang
    Peter Huang
    5,427 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Using Grid with Flexbox

    1 Answer

  • Peter Huang
    Peter Huang
    5,427 Points

    why do you need flex box for button?

    Posted on Nov 16, 2022 by Peter Huang
    Peter Huang
    5,427 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Using Grid with Flexbox

    1 Answer

  • Peter Huang
    Peter Huang
    5,427 Points

    seems like assigning names is more useful

    Posted on Nov 16, 2022 by Peter Huang
    Peter Huang
    5,427 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Placing Elements Using Grid Template Areas

    1 Answer

  • Ben Ja
    PLUS
    Ben Ja
    Courses Plus Student 6,055 Points

    i am not getting sticky footer with display: grid;

    Posted on Oct 25, 2022 by Ben Ja
    Ben Ja
    Courses Plus Student 6,055 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Position Items by Grid Lines

    1 Answer

  • Nik Oaks
    Nik Oaks
    8,056 Points

    Media Query Syntax

    Posted on Jul 19, 2022 by Nik Oaks
    Nik Oaks
    8,056 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Adjust the Grid with Media Queries

    1 Answer

  • Robin McKenzie
    Robin McKenzie
    4,007 Points

    The link for Firefox Developer Edition is broken

    Posted on Apr 5, 2022 by Robin McKenzie
    Robin McKenzie
    4,007 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Firefox Grid Inspector Tool

    1 Answer

  • Muaaz Matwadia
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Muaaz Matwadia
    Full Stack JavaScript Techdegree Graduate 19,327 Points

    Grid Layout

    Posted on Jan 2, 2021 by Muaaz Matwadia
    .a{fill-rule:evenodd;}techdegree seal-36
    Muaaz Matwadia
    Full Stack JavaScript Techdegree Graduate 19,327 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Placing Elements Using Grid Template Areas

    1 Answer

  • Muaaz Matwadia
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Muaaz Matwadia
    Full Stack JavaScript Techdegree Graduate 19,327 Points

    container > * selector

    Posted on Jan 2, 2021 by Muaaz Matwadia
    .a{fill-rule:evenodd;}techdegree seal-36
    Muaaz Matwadia
    Full Stack JavaScript Techdegree Graduate 19,327 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Position Items by Grid Lines

    1 Answer

  • Matt Nickolls
    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 on Nov 23, 2020 by Matt Nickolls
    Matt Nickolls
    9,895 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Position Items by Grid Lines

    1 Answer

  • Peter May
    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 on Nov 19, 2020 by Peter May
    Peter May
    16,376 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Placing Elements Using Grid Template Areas

    1 Answer

  • Eduardo Vargas
    Eduardo Vargas
    5,871 Points

    Which to use: Rows or Columns?

    Posted on Apr 6, 2020 by Eduardo Vargas
    Eduardo Vargas
    5,871 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Position Items by Grid Lines

    1 Answer

  • Agata Zurek
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    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 on Dec 28, 2019 by Agata Zurek
    .a{fill-rule:evenodd;}techdegree seal-36
    Agata Zurek
    Full Stack JavaScript Techdegree Graduate 26,419 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Adjust the Grid with Media Queries

    1 Answer

  • Piotr Manczak
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Piotr Manczak
    Front End Web Development Techdegree Graduate 29,609 Points

    view port issues

    Posted on Oct 9, 2019 by Piotr Manczak
    .a{fill-rule:evenodd;}techdegree seal-36
    Piotr Manczak
    Front End Web Development Techdegree Graduate 29,609 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Position Items by Grid Lines

    0 Answers

  • ian truong
    ian truong
    4,685 Points

    grid placement in css are amazing but i have one concern. can header and nav share one space?

    Posted on Jun 15, 2018 by ian truong
    ian truong
    4,685 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Placing Elements Using Grid Template Areas

    1 Answer

  • Joseph Torres
    Joseph Torres
    6,282 Points

    How would you create a navigational bar with links using CSS Grids?

    Posted on Nov 24, 2017 by Joseph Torres
    Joseph Torres
    6,282 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Adjust the Grid with Media Queries

    2 Answers

  • furkan
    furkan
    11,733 Points

    Quirks

    Posted on Oct 13, 2017 by furkan
    furkan
    11,733 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Using Grid with Flexbox

    3 Answers

  • Shaun Wong
    Shaun Wong
    14,489 Points

    Main & Aside areas are incorrectly sized.

    Posted on Oct 11, 2017 by Shaun Wong
    Shaun Wong
    14,489 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Position Items by Grid Lines

    1 Answer

  • Brian Besler
    Brian Besler
    11,493 Points

    Problem with the activity of adding nav and the 3rd column.

    Posted on Oct 9, 2017 by Brian Besler
    Brian Besler
    11,493 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Adjust the Grid with Media Queries

    2 Answers

  • Omar Perez
    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 on Oct 2, 2017 by Omar Perez
    Omar Perez
    Courses Plus Student 164 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Placing Elements Using Grid Template Areas

    3 Answers

  • Brian Hudson
    Brian Hudson
    14,785 Points

    The layout tab doesn't appear at all in my developer tools view

    Posted on Sep 29, 2017 by Brian Hudson
    Brian Hudson
    14,785 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Firefox Grid Inspector Tool

    1 Answer

  • Peter Javorkai
    Peter Javorkai
    31,477 Points

    CSS Grid Chrome Inspector tool

    Posted on Sep 28, 2017 by Peter Javorkai
    Peter Javorkai
    31,477 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Firefox Grid Inspector Tool

    5 Answers

  • Valeshan Naidoo
    Valeshan Naidoo
    27,008 Points

    Source mistake?

    Posted on Sep 27, 2017 by Valeshan Naidoo
    Valeshan Naidoo
    27,008 Points
    • CSS
    • CSS Grid Layout
    • Going Further with Grid Layout
    • Negative Grid Lines and Shorthand Syntax

    1 Answer

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

    Treehouse

  • About
  • Blog
  • Careers
  • Community
  • Stories
  • Shop
  • Contact
  • Gift Card

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.