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

Lo que hicimos en el aula

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');

:root { --color-fondo: #000000; --color-texto: #F6F6F6; --color-acento: #22D4FD; --color-hover: #272727; --color-footer: #22D4FD; }

  • { padding: 0; margin: 0; }

body { box-sizing: border-box; background-color: var(--color-fondo); color: var(--color-texto); }

.header { padding: 2% 0% 0% 15%; }

.header__menu { display: flex; gap: 80px; }

.header__menu__link { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600; color: var(--color-acento); text-decoration: none; }

.presentacion { padding: 5% 15%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.presentacion__contenido { width: 50%; display: flex; flex-direction: column; gap: 40px; }

.presentacion__contenido__titulo { font-size: 36px; font-family: 'Krona One', sans-serif; }

.titulo-destaque { color: var(--color-acento); }

.presentacion__contenido__texto { font-size: 24px; font-family: 'Montserrat', sans-serif; }

.presentacion__imagen { width: 50%; }

.presentacion__enlaces { display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 32px; }

.presentacion__enlaces__subtitulo { font-family: 'Krona One', sans-serif; font-weight: 400; font-size: 24px; }

.presentacion__enlaces__link { display: flex; justify-content: center; gap: 16px; border: 2px solid var(--color-acento); width: 50%; text-align: center; border-radius: 8px; font-size: 24px; font-weight: 600; padding: 21.5px 0; text-decoration: none; color: var(--color-texto); font-family: 'Montserrat', sans-serif; }

.presentacion__enlaces__link:hover { background-color: var(--color-hover); }

.footer { color: var(--color-texto); background-color: var(--color-footer); padding: 24px; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 400; }

Home Sobre mí

Eleve tu negocio digital a otro nivel con un Front-end de calidad!

¡Hola! Soy Ana García, desarrolladora Front-end con especialización en React, HTML y CSS. Ayudo a pequeños negocios y diseñadores a llevar a cabo buenas ideas. ¿Hablamos?

Foto de Ana García desarrollando un proyecto

Desarrollado por Alura Latam

1 respuesta

¡Hola! ¿Cómo estás?

Gracias por tu aporte en el foro. Su contribución es esencial para el crecimiento de nuestra comunidad en Alura.

Sigue así y no dudes en volver al foro si tienes alguna pregunta o dificultad.

Abrazos y buenos estudios!

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