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

Join our Live Career-Building Workshop: Fast-Track Your Tech Career Without a Degree! ⭐ Register here!

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

Curious which AI tools Treehouse developers love? ⚙️ Check them out!

🫡 Treehouse for Military offers discounts to Veterans, service members and their families!

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • 100 Days of Code
    • Live Sessions
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
  • 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
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • 100 Days of Code Live Sessions Code Adventures Discord Forum Success Stories Treehouse Links
  • 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
      • • 21st Century Skills
      • • AI
      • • Android
      • • APIs
      • • Business
      • • C#
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Equity, Diversity, and Inclusion (EDI)
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • PHP
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
  • Samuel Kleos
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Samuel Kleos
    Front End Web Development Techdegree Student 13,307 Points

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

    Posted February 9, 2023 12:58am by Samuel Kleos
    .a{fill-rule:evenodd;}techdegree
    Samuel Kleos
    Front End Web Development Techdegree Student 13,307 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 December 23, 2022 7:06pm 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 November 16, 2022 7:43pm 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 November 16, 2022 7:40pm 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 November 16, 2022 2:31am 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 5,707 Points

    i am not getting sticky footer with display: grid;

    Posted October 25, 2022 11:32am by Ben Ja
    Ben Ja
    Courses Plus Student 5,707 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 July 19, 2022 4:57pm 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 April 5, 2022 7:33am 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 January 2, 2021 2:14pm 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 January 2, 2021 1:04pm 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 November 23, 2020 4:51pm 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 November 19, 2020 1:08pm 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 April 6, 2020 9:26pm 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 December 28, 2019 2:24am 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,277 Points

    view port issues

    Posted October 9, 2019 11:52am by Piotr Manczak
    .a{fill-rule:evenodd;}techdegree seal-36
    Piotr Manczak
    Front End Web Development Techdegree Graduate 29,277 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 June 15, 2018 6:45pm 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 November 24, 2017 7:24pm 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 October 13, 2017 6:46pm 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 October 11, 2017 1:46pm 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 October 9, 2017 4:24pm 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 October 2, 2017 5:26am 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 September 29, 2017 1:15pm 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 September 28, 2017 7:50am 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 September 27, 2017 10:26pm 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
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2024 Treehouse Island, Inc.