Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Grid Layout Flexible Sized Grids Repeat Notation Challenge

Posted by arcad cado
arcad cado
981 Points

Rewrite the columns track list using repeat notation.

help4

1 Answer

furkan
furkan
11,733 Points 
/* Complete the challenge by writing CSS below */

.wrapper {
  display: grid;
  grid-template-rows: 300px;
  grid-template-columns: 2fr repeat(4, 1fr) 2fr;
}

The repeat is a function, which looks like repeat(). Inside the parenthese, the first number represents the number of times you want to repeat followed by a comma to separate the second value, which the second value represents by the measure you want to use. It could be fractions (fr), pixels (px), rems, ems, % and so on.

I hope that helped. Happy coding ?