Grid – Manejo de Grid en CSS
by Modalidades de grid Tipo de elemento Descripción inline-grid Establece una cuadrícula con ítems en línea, de forma equivalente a inline-block. grid Establece una cuadrícula con …
Tag: justify-content
Flex – Manejo de Flex en CSS
Modalidades de flex Tipo de elemento Descripción display: inline-flex; Establece un contenedor en línea, similar a inline-block (ocupa solo el contenido). display: flex; Establece un …
Centrado horizontal y vertical de un título
En el siguiente código se centra vertical y horizontalmente un titulo <h2> dentro de una capa
Flex: poner un div a la derecha y otro a la izquierda
Con este código se ven dos capas, una a la derecha y otra a la izquierda. El espacio central se marca con column-gap:60%
Colocar con Flex un div a la derecha con el texto centrado horizontal y verticalmente
En el siguiente código se utiliza flex-direction: row-reverse o justify-content: flex-end, para colocar la capa a la derecha. Para centrar el texto dentro de ese …