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

Hagamos lo que hicimos en el aula

Archivo html

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?

Accede a mis redes:

logo_github Github logo_linkedin Linkedin logo_twicth Twitch
imagen de ana García trabajando

ARCHIVO CSS

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

*{ padding: 0; margin: 0; }

body{ background-color: #000000; color:#f6f6f6; height: 100vh; box-sizing: border-box; }

.titulo-destaque {color:#22D4FD}

.presentacion{ display: flex; align-items:center; margin: 10% 15%; justify-content: space-between; }

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

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

.presentacion__contenido_texto { font-size: 24px; font-family: "Montserrat", sans-serif;

}

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

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

.presentacion__enlaces_link{ width: 378px; text-align: center; padding: 21.5px 0; border-radius: 8px; font-family:"Montserrat", sans-serif; font-size: 24px; font-weight: 600; text-decoration: none; color: #f6f6f6; border: 2px solid #22D4FD; display: flex; justify-content: center; gap: 10px; }

.presentacion__enlaces_link:hover{ background-color: #272727; }

1 respuesta

Hola Joan, espero que estés bien

Gracias por compartir tu ejercício práctico con nosotros! Tu contribución es fundamental para el crecimiento de nuestra comunidad en Alura. Sigue comprometido y no dudes en regresar al foro en caso que tengas alguna duda o dificultad.

¡Abrazos y buenos estudios!

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