---
id: 587d78af367417b2b2512b00
title: Use the align-self Property
challengeType: 0
videoUrl: ''
localeTitle: Usa la propiedad align-self.
---
## Description
La propiedad final para los elementos flexibles es align-self
. Esta propiedad le permite ajustar la alineación de cada elemento individualmente, en lugar de configurarlos todos a la vez. Esto es útil ya que otras técnicas de ajuste comunes que utilizan las propiedades CSS float
, clear
y vertical-align
no funcionan en elementos flexibles. align-self
acepta los mismos valores que align-items
y anulará cualquier valor establecido por la propiedad align-items
.
## Instructions
Agregue la propiedad CSS align-self
a #box-1
y #box-2
. Dé a #box-1
un valor de centro y a #box-2
un valor de flex-end.
## Tests
```yml
tests:
- text: 'El elemento #box-1
debe tener la propiedad align-self
establecida en un 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: 'El elemento #box-2
debe tener la propiedad align-self
establecida en un 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
```