freeCodeCamp Challenge Guide: Align All Items Horizontally using justify-items

Align All Items Horizontally using justify-items


Problem Explanation

In this challenge you are required to use the “justify-items” property to horizontally align all the items in the grid.


Hints

Hint 1

You can horizontally align the items by declaring the following in your CSS codeblock:

justify-items: value;

where value is how you would like to horizontally align the items.


Solutions

Solution 1 (Click to Show/Hide)

Since the challenge requires you to horizontally center all the items, declare the following in your .container CSS codeblock:

justify-items: center;