---
id: 587d78af367417b2b2512b00
title: Use the align-self Property
challengeType: 0
videoUrl: ''
localeTitle: Use a propriedade align-self
---
## Description
A última propriedade dos itens flexíveis é o align-self
. Essa propriedade permite ajustar o alinhamento de cada item individualmente, em vez de configurá-los todos de uma vez. Isso é útil, pois outras técnicas comuns de ajuste que usam as propriedades CSS float
, clear
e vertical-align
não funcionam em itens flexíveis.
align-self
aceita os mesmos valores que align-items
e substituirá qualquer valor definido pela propriedade align-items
.
## Instructions
Adicione a propriedade CSS align-self
a ambos #box-1
e #box-2
. Dê ao #box-1
um valor de center
e dê ao #box-2
um valor de flex-end
.
## Tests
```yml
tests:
- text: 'O elemento #box-1
deve ter a propriedade align-self
definida como um valor de center.'
testString: 'assert($("#box-1").css("align-self") == "center", "The #box-1
element should have the align-self
property set to a value of center.");'
- text: 'O elemento #box-2
deve ter a propriedade align-self
definida como um valor de flex-end.'
testString: 'assert($("#box-2").css("align-self") == "flex-end", "The #box-2
element should have the align-self
property set to a value of flex-end.");'
```
## Challenge Seed
## Solution
```js
// solution required
```