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![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![Brandon Joseph](https://secure.gravatar.com/avatar/0f2c2c2d2fc1bdfaed25046cb83247f9?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Brandon Joseph
967 PointsNot sure what's wrong.
Use repeat notation to declare column tracks. The repeat value should be the keyword that collapses any empty tracks and auto-generates columns to fit the available space. Then, set the track sizes using the function that sets a track's minimum and maximum size. The min size should be 300px, and the max size should be 1 fraction of the available space.
/* Complete the challenge by writing CSS below */
.grid {
display: grid;
grid-template-columns: repeat(auto-fit minmax(300px 1fr)
}
<!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="grid">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
</div>
</body>
</html>
2 Answers
![Steven Parker](https://uploads.teamtreehouse.com/production/profile-photos/969492/micro_tool_chess_set_2.jpg)
Steven Parker
230,688 PointsYou have the correct values, but a few format (punctuation) issues:
- the comma that should separate the arguments of the "repeat" function is missing
- the comma that should separate the arguments of the "minmax" function is missing
- the parentheses are unbalanced, a closing parenthesis is missing from the end
![R Arts](https://secure.gravatar.com/avatar/80bf929503b040c4ac83b770c124498f?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
R Arts
18,453 PointsThe answer is:
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
Steven Parker
230,688 PointsSteven Parker
230,688 PointsWhy the downvotes?
I'm wondering why this answer was downvoted. Would either or both you mind telling me what is was about my hints that caused you to downvote them? And what could I do differently to improve my answer?