freeCodeCamp/guide/english/certifications/responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self/index.md

title

title
Align an Item Horizontally using justify-self

Align an Item Horizontally using justify-self

---

Problem Explanation

In this challenge you are required to use the "justify-self" property to horizontally align a grid item.

---

Hints

Hint 1

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

justify-self: value;

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

---

Solutions

Solution 1 (Click to Show/Hide)

Since this challenge requires you to (horizontally) center the item with the class item2, declare the following in your .item2 CSS codeblock:

justify-self: center;