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

Haga lo que hicimos en el aula

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

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

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

1 respuesta

Hola Ariel, espero que estés bien

Parece que estás trabajando en un proyecto de diseño web utilizando CSS para estilizar tu página. Vamos a revisar algunos aspectos clave de tu código CSS y cómo se reflejan en el diseño que compartiste.

  1. Importación de Fuentes: Estás importando las fuentes Krona One y Montserrat desde Google Fonts, lo cual es excelente para personalizar la tipografía de tu sitio.

  2. Estilos Generales:

    • Has eliminado el padding y margin por defecto con * { padding: 0; margin: 0; }, lo cual es una práctica común para evitar inconsistencias en el diseño.
    • El body tiene un background-color negro y el texto es de color blanco, lo que proporciona un buen contraste.
  3. Flexbox:

    • Estás utilizando display: flex en varias clases, como .presentacion, para alinear elementos de manera eficiente. align-items: center y justify-content: space-between ayudan a centrar y espaciar los elementos adecuadamente.
  4. Estilización de Enlaces:

    • Los enlaces tienen un estilo atractivo con un background-color azul claro, border-radius para esquinas redondeadas, y están centrados con text-align: center.
  5. Elementos Destacados:

    • La clase .titulo-destaque cambia el color del texto a un azul vibrante, lo que ayuda a resaltar partes importantes del texto.

Si estás buscando replicar lo que hicieron en clase, parece que estás en el camino correcto. Asegúrate de revisar que todos los elementos HTML estén correctamente asociados con las clases CSS que has definido para que el estilo se aplique como esperas.

Espero que esto te ayude y ¡buenos estudios!