Use CSS Grid Units to Change the Size of Columns and Rows
Problem Explanation
This challenge requires you to set the width of the columns of the container to the ones as specified in the challenge description.
Hints
Hint 1
Change the grid-template-columns
property.
Solutions
Solution 1 (Click to Show/Hide)
Since the challenge requires you to set the width to 1fr
, 100px
, and 2fr
, change the css grid-template-columns
property of .container
to:
grid-template-columns: 1fr 100px 2fr;