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
Categoría: 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

En estos momentos, los elementos border y align de HTML dentro de los elementos <table> están obsoletos. Se deben de sustituir por elementos de CSS.

Os adjunto un video donde se ilustra los conceptos básicos de Visual Studio Code. También dejo una tabla con las teclas y comandos mas utilizados

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

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%