Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Rienda suelta con el desafio

:root{
--color-primario: #1C352D;
--color-secundario: #F9F6F3;
--color-terciario: #A6B28B;
--color-hover: #F5C9B0;

--fuente-montserrat: 'Montserrat', sans-serif;
--fuente-krona: 'Krona One', sans-serif;

}

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

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:

  1. 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.

  2. 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);
    }
    
  3. 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.

  4. Verifica el nombre de las redes sociales: Parece que hay un error tipográfico en "Linkeding". Debería ser "LinkedIn".

  5. 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!