:root{
--color-primario: #1C352D;
--color-secundario: #F9F6F3;
--color-terciario: #A6B28B;
--color-hover: #F5C9B0;
--fuente-montserrat: 'Montserrat', sans-serif;
--fuente-krona: 'Krona One', sans-serif;
}
:root{
--color-primario: #1C352D;
--color-secundario: #F9F6F3;
--color-terciario: #A6B28B;
--color-hover: #F5C9B0;
--fuente-montserrat: 'Montserrat', sans-serif;
--fuente-krona: 'Krona One', sans-serif;
}
Hola, Liliana, espero que estés bien
Veo que estás trabajando en un diseño web utilizando variables CSS para los colores y las fuentes. Todo parece estar bien estructurado en tu código CSS. Aquí tienes algunas sugerencias que podrían ayudarte a mejorar o ajustar el diseño:
Verifica el contraste de colores: Asegúrate de que el texto sea fácilmente legible sobre el fondo. Puedes usar herramientas en línea para verificar el contraste y asegurarte de que cumple con los estándares de accesibilidad.
Hover en los botones: Ya que tienes una variable para el color hover (--color-hover
), asegúrate de aplicarla a los elementos interactivos, como los botones de LinkedIn y GitHub, para mejorar la experiencia del usuario.
.boton:hover {
background-color: var(--color-hover);
}
Revisa el espaciado y alineación: Asegúrate de que los elementos estén bien alineados y que haya suficiente espacio entre ellos para que el diseño se vea limpio y ordenado.
Verifica el nombre de las redes sociales: Parece que hay un error tipográfico en "Linkeding". Debería ser "LinkedIn".
Prueba en diferentes dispositivos: Asegúrate de que tu diseño sea responsivo y se vea bien en diferentes tamaños de pantalla.
Espero que estas sugerencias te sean útiles. ¡Bons estudios!