---
id: 5a90375238fddaf9a66b5d3b
title: Align an Item Vertically using align-self
challengeType: 0
videoUrl: 'https://scrimba.com/p/pByETK/cmzd4fz'
---
## Description
Just as you can align an item horizontally, there's a way to align an item vertically as well. To do this, you use the align-self
property on an item. This property accepts all of the same values as justify-self
from the last challenge.
## Instructions
Align the item with the class item3
vertically at the end
.
## Tests
```yml
tests:
- text: item3
class should have a align-self
property that has the value of end
.
testString: assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi), 'item3
class should have a align-self
property that has the value of end
.');
```
## Challenge Seed
## Solution
```js
var code = ".item3 {align-self: end;}"
```