2018-10-12 15:37:13 -04:00
---
title: Align an Item Vertically using align-self
---
2019-07-24 00:59:27 -07:00
# Align an Item Vertically using align-self
2018-10-12 15:37:13 -04:00
2019-07-24 00:59:27 -07:00
---
## Problem Explanation
2018-10-31 17:35:26 -05:00
In this challenge you are required to use the "align-self" property to vertically align a grid item.
2018-10-12 15:37:13 -04:00
2019-07-24 00:59:27 -07:00
---
## Hints
### Hint 1
2018-10-12 15:37:13 -04:00
2018-10-31 17:35:26 -05:00
You can vertically align an item by declaring the following in your CSS codeblock:
2019-07-24 00:59:27 -07:00
```css
2018-10-31 17:35:26 -05:00
align-self: value;
2019-07-24 00:59:27 -07:00
```
2018-10-31 17:35:26 -05:00
where value is how you would like to vertically align the item.
2019-07-24 00:59:27 -07:00
---
## Solutions
< details > < summary > Solution 1 (Click to Show/Hide)< / summary >
2018-10-31 17:35:26 -05:00
Since this challenge requires you to vertically align the item with the class `item3` at the end, declare the following in your `.item3` CSS codeblock:
2019-07-24 00:59:27 -07:00
```css
2018-10-31 17:35:26 -05:00
align-self: end;
2019-07-24 00:59:27 -07:00
```
< / details >