Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

No me funcionó

Referente al curso Flexbox: Posicione elementos en la pantalla, en el capítulo Introducción al Flexbox y haciendo el encabezado y actividad Arreglando el header

por SilviaJulianaRocioDiazDiaz
| 105k xp | 188 posts

Hola, les comento que seguí todos los pasos, sin embargo, al final el resultado fue el mismo que al principio. Adjunto la primera parte del código index, el CSS Flex y un pantallazo ilustrativo. Ayuda, por favor :)

El index

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Mini Alura | Cursos online</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/flexbox.css">

El CSS Flex

.headerPrincipal .containrer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

Y la imagen: Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta
solución!
por Rafaela Rocha
| 2874.2k xp | 8758 posts
Alura Scuba Team Scuba Team

¡Hola Silviajulianarociodiazdiaz!

Lamento que estés teniendo problemas con tu código. Basándome en la información que proporcionaste, parece que hay un error en tu CSS. En lugar de usar .headerPrincipal .containrer, deberías usar .headerPrincipal .container para seleccionar el contenedor en tu HTML.

Aquí está el código corregido:

.headerPrincipal .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

Asegúrate de que el nombre de la clase en tu HTML coincida exactamente con el nombre de la clase en tu CSS.

Espero que esto solucione tu problema. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Espero haber ayudado y buenos estudios!

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