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
1
respuesta

Haga lo que hicimos

Referente al curso HTML y CSS: Clases, Posicionamiento y Flexbox, en el capítulo Posicionando más elementos y actividad Haga lo que hicimos

por Javier Andres Del Rio Diaz
| 26.6k xp | 26 posts
Coordinador

1- Codigo HTLM

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>
        <img src="Imagem.png" alt="Foto de Ana García desarrolando un proyecto">
</main>
<footer></footer>

2-. CSS

  • { 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; }

1 respuesta
por Brenda Souza
| 4873.9k xp | 17585 posts
Instructor Scuba

Hola Javier, espero que estés bien

Parece que has seguido correctamente los pasos para crear una clase en HTML y luego aplicarla en CSS para alinear los elementos usando Flexbox. Tu código HTML y CSS parece estar bien estructurado. Sin embargo, si estás experimentando algún problema, aquí hay algunas cosas que podrías revisar:

  1. Verifica el cierre de etiquetas: Asegúrate de que todas las etiquetas HTML estén correctamente cerradas. Por ejemplo, en tu código, la etiqueta <strong> dentro del <h1> parece no estar cerrada. Debería ser:

    <strong class="titulo-destaque">con un Front-end de calidad!</strong>

  2. Imagen y enlaces: Verifica que la ruta de la imagen (Imagem.png) sea correcta y que los enlaces a Instagram y GitHub sean los que deseas utilizar.

  3. Flexbox: Si los elementos dentro de .presentacion no se alinean como esperas, podrías necesitar ajustar más propiedades de Flexbox, como justify-content para controlar la alineación horizontal, dependiendo de tus necesidades.

  4. Verifica el contexto completo: Asegúrate de que no haya estilos adicionales en otro lugar de tu CSS que puedan estar afectando la presentación de tus elementos.

Si después de estas verificaciones el problema persiste, podría ser útil revisar el contexto completo del ejercicio o cualquier otro código relacionado.

Espero haber ayudado y buenos estudios!