Este proyecto consiste en una Tarjeta de Publicación de Blog responsiva y estilizada, creada para practicar el modelo de caja (Box Model), diseño de componentes y efectos de interacción en CSS.
En este desafío de freeCodeCamp, apliqué los siguientes conceptos técnicos:
- HTML5 Semántico: Uso de contenedores
div, encabezadosh2y enlacesa. - CSS Box Model: Manejo preciso de
margin,paddingyborder-radius. - Diseño de Componentes: Creación de una tarjeta con desbordamiento controlado (
overflow: hidden) para que la imagen se adapte a las esquinas redondeadas. - Pseudo-clases: Implementación de estados
:hoveren botones para mejorar la experiencia de usuario (UX).
- Fondo adaptable: La tarjeta destaca sobre un fondo de página con contraste.
- Estilo de Botón: Transformación de un enlace estándar en un botón interactivo mediante
display: inline-block.