✨ 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
    • Introducing Grid Layout
    • Close
  • chinedum onwuaso
    chinedum onwuaso
    872 Points

    How do I put a CSS rule into a grid container?

    Posted on Aug 6, 2024 by chinedum onwuaso
    chinedum onwuaso
    872 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    1 Answer

  • Peter Huang
    Peter Huang
    5,427 Points

    if grid can do both left / right / top bottom, why even use flex with only 1 row or column?

    Posted on Dec 21, 2022 by Peter Huang
    Peter Huang
    5,427 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid

    1 Answer

  • andreea Gherman
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    andreea Gherman
    Front End Web Development Techdegree Student 5,427 Points

    three row track

    Posted on Aug 24, 2021 by andreea Gherman
    .a{fill-rule:evenodd;}techdegree
    andreea Gherman
    Front End Web Development Techdegree Student 5,427 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    2 Answers

  • L C
    L C
    1,497 Points

    Hi, Why is this still wrong? .container { display: grid;   grid-template-rows: 200px 300px 100px; }

    Posted on Jun 23, 2021 by L C
    L C
    1,497 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    1 Answer

  • Ishmael Phiri
    Ishmael Phiri
    5,967 Points

    what am i missing here ?

    Posted on May 17, 2021 by Ishmael Phiri
    Ishmael Phiri
    5,967 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    0 Answers

  • Hammony Dube
    Hammony Dube
    14,375 Points

    .where am l getting my code wrong

    Posted on Apr 9, 2021 by Hammony Dube
    Hammony Dube
    14,375 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    2 Answers

  • Isaiah Gadson
    Isaiah Gadson
    6,398 Points

    challenge task 4 of 4 finally, apply 20px gutters between rows and columns.

    Posted on Mar 24, 2021 by Isaiah Gadson
    Isaiah Gadson
    6,398 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    2 Answers

  • Isaiah Gadson
    Isaiah Gadson
    6,398 Points

    challenge task 1 of 4 the first step using grid is defining a grid container. how do i it? I need help.

    Posted on Mar 24, 2021 by Isaiah Gadson
    Isaiah Gadson
    6,398 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    1 Answer

  • Juliet Netsai Chihwanda
    Juliet Netsai Chihwanda
    4,928 Points

    Next, declare three row tracks. Set the first row track to 200px, the second to 300px, and the third to 100px.

    Posted on Feb 28, 2021 by Juliet Netsai Chihwanda
    Juliet Netsai Chihwanda
    4,928 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    1 Answer

  • Jeff Greco
    Jeff Greco
    6,105 Points

    Now set three column tracks in this order: 200px 400px 200px.

    Posted on Feb 7, 2021 by Jeff Greco
    Jeff Greco
    6,105 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    1 Answer

  • PAUL NANNEY
    PAUL NANNEY
    8,995 Points

    Basically, can somebody help me solve this, GOD bless, , b, PAUL JORDAN NANNEY

    Posted on Dec 11, 2020 by PAUL NANNEY
    PAUL NANNEY
    8,995 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    1 Answer

  • PAUL NANNEY
    PAUL NANNEY
    8,995 Points

    Basically, can somebody help me solve this, GOD bless, , b, PAUL JORDAN NANNEY

    Posted on Dec 10, 2020 by PAUL NANNEY
    PAUL NANNEY
    8,995 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    2 Answers

  • Norah Altamimi
    Norah Altamimi
    882 Points

    I don't know what I'm doing wrong

    Posted on Aug 2, 2020 by Norah Altamimi
    Norah Altamimi
    882 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    1 Answer

  • Shaun van Ardenne
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Shaun van Ardenne
    Full Stack JavaScript Techdegree Graduate 30,297 Points

    Grid-column-gap and grid-row-gap apparently depreciated.

    Posted on Jul 31, 2020 by Shaun van Ardenne
    .a{fill-rule:evenodd;}techdegree seal-36
    Shaun van Ardenne
    Full Stack JavaScript Techdegree Graduate 30,297 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Add Gutters Between Rows and Columns

    2 Answers

  • djsands
    djsands
    6,286 Points

    Why was this in the css style sheet??* { box-sizing: border-box;}

    Posted on Apr 9, 2020 by djsands
    djsands
    6,286 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Defining a Grid

    2 Answers

  • Sicebisile Bukhwele
    Sicebisile Bukhwele
    996 Points

    set three columns into a grid...Whats wrong with this code

    Posted on Oct 11, 2019 by Sicebisile Bukhwele
    Sicebisile Bukhwele
    996 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    2 Answers

  • Godfrey Masiiwa
    Godfrey Masiiwa
    5,020 Points

    Now set three column tracks in this order: 200px 400px 200px. In dont knw where i am getting it wrong i am stuck

    Posted on May 7, 2019 by Godfrey Masiiwa
    Godfrey Masiiwa
    5,020 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    2 Answers

  • Kim Dallas
    Kim Dallas
    11,461 Points

    do I need to go to html first and create a grid header statement

    Posted on Nov 23, 2018 by Kim Dallas
    Kim Dallas
    11,461 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    1 Answer

  • Michael Lovich
    Michael Lovich
    6,422 Points

    Grid Array and spacing

    Posted on Aug 6, 2018 by Michael Lovich
    Michael Lovich
    6,422 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Setting Grid Rows

    1 Answer

  • Tiffany Horne
    Tiffany Horne
    672 Points

    how to declare three row tracks

    Posted on Jan 17, 2018 by Tiffany Horne
    Tiffany Horne
    672 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    1 Answer

  • Dillon Reyna
    Dillon Reyna
    9,531 Points

    Can you use CSS Grid *and* Bootstrap?

    Posted on Jan 9, 2018 by Dillon Reyna
    Dillon Reyna
    9,531 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid

    1 Answer

  • Caio Gomes
    Caio Gomes
    126 Points

    What is the problem in this code? It asks to define container as a grid container

    Posted on Dec 17, 2017 by Caio Gomes
    Caio Gomes
    126 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Understanding Grid Challenge

    1 Answer

  • ELYACOUBI Abderrahim
    ELYACOUBI Abderrahim
    8,693 Points

    hello Team, I have an issue related..grid functions it dosn't display in chrome navigator as shown in your videos,

    Posted on Dec 10, 2017 by ELYACOUBI Abderrahim
    ELYACOUBI Abderrahim
    8,693 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Setting Grid Rows

    2 Answers

  • Juan Francisco Andrade Álvarez
    Juan Francisco Andrade Álvarez
    23,997 Points

    Why the h2 and p elements´ hights do not have the same height as the template row set on the grid definition?

    Posted on Oct 10, 2017 by Juan Francisco Andrade Álvarez
    Juan Francisco Andrade Álvarez
    23,997 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Setting Grid Rows

    2 Answers

  • Owa Aquino
    Owa Aquino
    19,277 Points

    Question on grid-gap

    Posted on Sep 29, 2017 by Owa Aquino
    Owa Aquino
    19,277 Points
    • CSS
    • CSS Grid Layout
    • Introducing Grid Layout
    • Add Gutters Between Rows and Columns

    2 Answers

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.