Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

LO QUE HICIMOS

Referente al curso HTML y CSS: header, footer y variables CSS, en el capítulo Creando iconos clicables y actividad Haga lo que hicimos en aula

por Wilian Bravo Cañòn
| 30.1k xp | 97 posts
Aprendiz

Eleve tu negocio digital a otro nivel on 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? 

    <div class="presentacion__enlaces">
      <h2 class="presentacion__enlaces__subtitulo">Accedes a mis redes</h2>
      <a class="presentacion__enlaces__link" href= "https://www.instagram.com/"> <img src="./Assets/instagram.png"> Instagram</a>
      <a class="presentacion__enlaces__link" href= "https://github.com/"> <img src="./Assets/github.png"> GitHub</a>
    </div>
</section>
    <img src="./Assets/Imagem.png" alt="Imagen de Ana Garcia">
</main>
<footer></footer>
2 respuestas
por Wilian Bravo Cañòn
| 30.1k xp | 97 posts
Aprendiz

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

*{
padding: 0;
margin: 0;

}

body { height: 100vh; background-color: black; color: white; box-sizing: border-box; }

.titulo-destaque { color: #22D4FD; ; }

.presentación { display:flex; align-items: center; margin: 10% 15%; justify-content: space-between; } .presentación__contenido{ width: 615px; display: flex; flex-direction: column; gap: 40px;

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

} .presentación__contenido__texto { font-family: "Montserrat", sans-serif; font-size: 24px; } .presentacion__enlaces { display:flex; justify-content: space-between; flex-direction: column; align-items: center; gap: 32px; } .presentacion__enlaces__subtitulo { font-family: "Krona One", sans-serif; font-size: 24px; 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: 600px;
text-decoration:none ;
color: #F6F6F6;
border: 2px solid #22D4FD;
display:flex;
justify-content: center; 
gap: 10px;

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

por Luis.puig
| 1539.5k xp | 5736 posts
Alura Scuba Team

¡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!