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

[Proyecto] Haga lo que hicimos

/* === 4 - Importando Google Fonts === */
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;700&display=swap');

/* === 1 - Espaciado y márgenes con Flexbox === /
.presentacion {
display: flex;
align-items: center;
justify-content: space-between;
margin: 10%; /
margen para separar del borde */
}

/* === 2 - Definiendo tamaño de la sección de texto === /
/
Supongamos que en Figma el ancho era del 50% */
.presentacion__contenido {
width: 50%;
}

/* === 3 - Ajustando tamaños de títulos y textos === /
.presentacion__contenido__titulo {
font-size: 32px; /
valor de Figma */
}

.presentacion__contenido__texto {
font-size: 18px; /* valor de Figma */
}

/* === 5 - Personalizando fuentes de títulos y textos === */
.presentacion__contenido__titulo {
font-family: 'Krona One', sans-serif;
}

.presentacion__contenido__texto {
font-family: 'Montserrat', sans-serif;
line-height: 1.5;
}

1 respuesta

Hola Maria Jose, espero que estés muy bien.

¡Felicitaciones por tus avances en el aprendizaje!

Queremos comentarte que actualmente estamos priorizando el uso del foro para publicar dudas. De esa manera, podemos optimizar el tiempo de respuesta y asegurar que todos los estudiantes reciban apoyo efectivo.

Para compartir comentarios, experiencias, recomendaciones, desafíos u opiniones, te invitamos a participar activamente en nuestro canal de Discord.
Allí la interacción es inmediata, llega a más compañeros y favorece el intercambio constante entre la comunidad.

¡Tu participación hace la diferencia!

Un saludo.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios