Flexbox
(O cómo hacer layouts como un pro)
<div class="main-container">
<h1 class="title">Titulo</h1
<p class="content">
Contenido
<button>Enviar</button>
</p>
</div>Html
Css
.main-container {
display: flex;
}
.content {
display: flex;
align-items: center;
}Contenedor:
flex-direction:
.container {
flex-direction: row | row-reverse | column | column-reverse;
}Con esta propiedad se determina el main-axis
flex-direction: row;flex-direction: column;
.container {
justify-content: flex-start;
}.container {
align-items: flex-start;
}flex-wrap:
Clase 4 - Flexbox
By TaLo V.
