1494a50123
* fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions
36 lines
710 B
Markdown
36 lines
710 B
Markdown
---
|
|
title: Align an Item Vertically using align-self
|
|
---
|
|
# Align an Item Vertically using align-self
|
|
|
|
---
|
|
## Problem Explanation
|
|
In this challenge you are required to use the "align-self" property to vertically align a grid item.
|
|
|
|
|
|
---
|
|
## Hints
|
|
|
|
### Hint 1
|
|
|
|
You can vertically align an item by declaring the following in your CSS codeblock:
|
|
|
|
```css
|
|
align-self: value;
|
|
```
|
|
|
|
where value is how you would like to vertically align the item.
|
|
|
|
|
|
---
|
|
## Solutions
|
|
|
|
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
|
|
|
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:
|
|
|
|
```css
|
|
align-self: end;
|
|
```
|
|
</details>
|