Se proporcionan tres tarjetas.
Actualiza el diseño utilizando los siguientes requisitos. Cada tarjeta debe:
- Tener un **ancho** de 200px.
- Tener **espaciado interno** de 20px.
- Tener 15px de espacio **entre tarjetas**.
- Tener un **borde** de 2 píxeles de ancho, con estilo sólido y color gris.
- Mantener el **ancho declarado** sin cambios incluso después de agregar el relleno y el borde.

PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYgY2xhc3M9ImNhcmQiPkNhcmQgMTwvZGl2PgogICAgPGRpdiBjbGFzcz0iY2FyZCI+Q2FyZCAyPC9kaXY+CiAgICA8ZGl2IGNsYXNzPSJjYXJkIj5DYXJkIDM8L2Rpdj4KICA8L2JvZHk+CjwvaHRtbD4=

LmNhcmQgewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAvKiBDaGFuZ2UgdGhlIGNvZGUgYmVsb3cgdGhpcyBsaW5lICovCiAgX19fCiAgX19fCiAgX19fCiAgX19fCiAgX19fCiAgLyogQ2hhbmdlIHRoZSBjb2RlIGFib3ZlIHRoaXMgbGluZSAqLwp9

- Utiliza la propiedad `width` para definir el ancho del elemento.
- Utiliza `padding` para el espaciado interno.
- Utiliza `margin` para crear espacio entre las tarjetas.
- Utiliza `border: 2px solid gray` para agregar el borde.
- Utiliza `box-sizing: border-box` para evitar que el relleno y el borde aumenten el ancho total.

LmNhcmQgewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAvKiBDaGFuZ2UgdGhlIGNvZGUgYmVsb3cgdGhpcyBsaW5lICovCiAgd2lkdGg6IDIwMHB4OwogIHBhZGRpbmc6IDIwcHg7CiAgbWFyZ2luOiAxNXB4OwogIGJvcmRlcjogMnB4IHNvbGlkIGdyYXk7CiAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAvKiBDaGFuZ2UgdGhlIGNvZGUgYWJvdmUgdGhpcyBsaW5lICovCn0=

Domina los conceptos esenciales de CSS, el lenguaje de estilos que transforma la apariencia y sensación de las páginas web. Explora conceptos clave como estilos de texto, colores, espaciado, el modelo de caja, Flexbox y efectos decorativos. Desarrolla las habilidades necesarias para crear páginas web visualmente atractivas y bien estructuradas.

Comprender cómo CSS se conecta con HTML y cómo se aplican los estilos mediante selectores.
Aplicación de colores, estilos de texto y efectos hover para controlar la presentación visual.

Mejora de la tipografía utilizando altura de línea, espaciado, propiedades de fuente y fuentes personalizadas. Control de familias tipográficas, grosor, estilo y tamaño de fuente para una mejor legibilidad.

Control de la estructura del diseño utilizando las propiedades de margen, relleno, bordes y ancho. Comprensión del comportamiento de dimensionamiento de cajas y de los tipos de visualización de elementos como block, inline e inline-block.

Control de diseños horizontales y verticales utilizando propiedades de Flexbox. Ajuste de dirección, alineación y espaciado para estructurar componentes de la interfaz de usuario.

Mejora de diseños utilizando colores de fondo, imágenes, pseudoelementos y sombras. Estilización de componentes visuales para profundidad y contraste.

Desafío: Arreglar un Diseño Roto