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 trialSicebisile Bukhwele
996 Pointsset three columns into a grid...Whats wrong with this code
now set three columns into your grid with the followig 400px 200px 100px
/* Complete the challenge by writing CSS below */
.container {
display:grid;
grid-template-columns:200px 400px 200px;
}
<!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="container">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
</body>
</html>
2 Answers
Dmitry Polyakov
4,989 PointsYou need to define rows here, not columns
Sicebisile Bukhwele
996 Pointsdefine rows rather and you need to understand why the obvious is not so. Will post full explanation shortly