- Personalizando el pie de página de tu sitio web
html
Desarrollado por Marcelo Yubano
css .footer { background-color: #22D4FD; /* Fondo azul claro / color: #000000; / Texto en negro / text-align: center; / Texto centrado / font-family: 'Montserrat', sans-serif; / Fuente Montserrat / font-size: 24px; / Tamaño de fuente / font-weight: 400; / Peso de la fuente / padding: 24px; / Espaciado de 24px */ }
Ajustando el espaciado interno de la presentación .presentacion { padding: 5%; }
Eliminando el height para adaptar el diseño body { margin: 0; font-family: 'Montserrat', sans-serif; }
Estilizando el encabezado con CSS html
Home Sobre mí
css .cabecera { padding: 20px; background-color: #f5f5f5; }
.cabecera__menu { display: flex; gap: 20px; justify-content: center; }
.cabecera__menu__link { font-size: 18px; color: #000000; text-decoration: none; padding: 10px 15px; transition: color 0.3s ease; }
.cabecera__menu__link:hover { color: #22D4FD; }
- Ajustando el espaciado interno de los enlaces .cabecera__menu__link { font-size: 18px; color: #000000; text-decoration: none; padding: 15px 25px; transition: color 0.3s ease; }