freeCodeCamp/guide/english/certifications/responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items/index.md

title

title
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;