Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

Aplicando HTML y CSS

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?

            </p>
            <a href="https://instagram.com/">Instagram</a>
            <a href="https://github.com/">GitHub</a>
    </section>
        <img src="Imagem.png" alt="Foto de Ana García desarrolando un proyecto">
</main>
<footer></footer>

CSS @import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

  • { padding: 0; margin:0; }

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

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

.presentacion { display: flex; align-items: center; margin: 5%; justify-content: space-between; } .presentacion_contenido{ width: 615px; } .presentacion_contenido_titulo{ font-size: 36px; font-family: "Krona One", serif; } .presentacion_contenido_texto{ font-family: "Krona One", serif; font-size: 24px; }

2 respuestas

Pude corregir varios errores:

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?

            </p>
            <div class= "presentacion__enlace">
            <a class= "presentacion__enlace__link" href="https://instagram.com/">Instagram</a>
            <a class= "presentacion__enlace__link" href="https://github.com/">GitHub</a>
            </div>
    </section>
        <img src="Imagem.png" alt="Foto de Ana García desarrolando un proyecto">
</main>
<footer></footer>

css:

  1. @import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

  2. {

  3. padding: 0;
    
  4. margin:0;
    
  5. }

  6. body{

  7. height: 100vh;
    
  8. box-sizing: border-box;
    
  9. background-color: #000000;
    
  10. color: #F6F6F6;
    
  11. }

  12. .titulo-destaque {

  13. color: #22D4FD; ;
    
  14. }

  15. .presentacion {

  16. display: flex;
    
  17. align-items: center;
    
  18. margin: 5%;
    
  19. justify-content: space-between;
    
  20. }

  21. .presentacion__contenido{

  22. width: 615px;
    
  23. }

  24. .presentacion__contenido__titulo{

  25. font-size: 36px;
    
  26. font-family: "Krona One", serif;
    
  27. }

  28. .presentacion__contenido__texto{

  29. font-family: "Montserrat", sans-serif;
    
  30. font-size: 24px;
    
  31. }

  32. .presentacion__enlace{

  33. display:flex;
    
  34. justify-content: space-between;
    
  35. }

  36. .presentacion__enlace__link {

  37. width: 280px;
    
  38. background-color: #22D4FD;
    
  39. text-align: center;
    
  40. padding: 21.5px 0;
    
  41. border-radius: 16px;
    
  42. font-family: "Montserrat", sans-serif;
    
  43. font-size: 24px;
    
  44. font-weight: 600;
    
  45. text-decoration: none;
    
  46. color:#000000;
    
  47. }

solución!

Hola Eva, espero que estés muy bien.

Te felicito por tu aprendizaje, sigue asi y cualquier duda, aqui estamos apra ayudar, sigue prácticando y te invito a que compartas en el discord con tus compañeros sobre el curso y tu aprendizaje, tambien, luego puedes subir a github tu código y haci cuando lo quieras compartir es más fácil verlo desde allá.

Un abrazo.

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