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 Kim Dallas
Kim Dallas
11,461 Points

this should work

this should work but it's saying i'm not using the repeat function?

style.css 
/* Complete the challenge by writing CSS below */

.wrapper {
  display: grid;
  grid-template-rows: 300px;
  grid-template-columns:2fr repeat(3, 1fr);
}
index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>CSS Grid Layout</title>
      <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
    <link href="page.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
  </head>
  <body>
    <div class="wrapper">
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
      <div>6</div> 
    </div>
  </body>
</html>

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there, Kim Dallas ! I agree that this Bummer message is a bit confusing. Yes, you're using the repeat function but not quite enough. Let's take another look at the original rule:

  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 2fr;

This starts with a 2fr, has 1fr repeated four times and then ends with a 2fr. If I were to write out your rule long-handed like this, it would result in:

grid-template-columns:  2fr 1fr 1fr 1fr;

You have inadvertently omitted one of the 1fr (because yours only repeats 3 times), and the final 2fr.

I think you can get it with this hint, but let me know if you're still stuck! :sparkles: