freeCodeCamp/guide/english/certifications/responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows/index.md

title

title
Use CSS Grid Units to Change the Size of Columns and Rows

Use CSS Grid units to Change the Size of Columns and Rows

This challenge requires you to set the width of the columns of the container to the ones as specified in the challenge description.

Hint

Change the grid-template-columns property.

Solution

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;

More Infomation

• An Introduction to the fr CSS unit - CSS tricks