Algunas veces, cuando estamos maquetando, nos damos cuenta que los div hijos adquieren mas tamaño que su contenedor. Esto ocurre porque al ancho que le
Categoría: CSS

Este es un pequeño código en donde se utiliza un grid con áreas, teniendo filas multicolumnas y se utiliza flex para centrar verticalmente y alinear

Se crea una ficha con una cabecera, un cuerpo y un pie.

En el siguiente código se centra vertical y horizontalmente un titulo <h2> dentro de una capa

Con el siguiente código se puede construir un menú horizontal en la parte superior de una página. Se utiliza <ul> y <li> para construirlo. con

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%

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
En este código se ve como se centra una capa, un texto y una imagen
Con un par de comandos CSS se puede centrar un texto o una imagen con Flex. Para centrar verticalmente se utiliza align-items, y para centrar
En este caso vamos a utilizar la fuente schoolbell dentro de Google Fonts (https://fonts.google.com/) En la parte inferior del detalle de la fuente, vemos un