Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Order

Referente ao curso Praticando CSS: Grid e Flexbox, no capítulo Hello Flex! e atividade Container x Item

por Pedro Ernesto Silva da Cunha
| 149.1k xp | 165 posts

Meu código que aplica a order não funcionou, poderiam me explciar oq está errado nele?

.menu__item:nth-child(1){
        order: 1;
    }

    .meun__item:nth-child(2){
        order: 3;
    }

    .meun__item:nth-child(3){
        order: 4;
    }

    .meun__item:nth-child(4){
        order: 5;
    }

    .meun__item:nth-child(5){
        order: 2;
    } 

<ul class="menu">
                <li class="menu__item">
                    <h1 class="menu__titulo"></h1>
                </li>
                <li class="menu__item"><a href="#" class="">Programação</a></li>
                <li class="menu__item"> <a href="#">Categorias</a></li>
                <li class="menu__item"><a href="#">Seu local</a></li>

                <li class="menu__item menu__pesquisar">
                    <label class="menu__label" for="pesquisar"><input class="menu__input" type="search" name="" placeholder="O que você procura?"
                        id="pesquisar"></label>
                </li>
            </ul>
1 resposta
solução!
por RODRIGO SILVA HARDER
| 2297.3k xp | 4888 posts
Alura Scuba Team Monitor de Fórum Ops

Oi, Pedro, tudo bem?

O problema está relacionado a um erro de grafia da classe menu__item. No seu código está escrito meun__item e o correto seria menu__item. O código correto ficaria assim:

    .menu__item:nth-child(1) {
        order: 1;
    }

    .menu__item:nth-child(2) {
        order: 3;
    }

    .menu__item:nth-child(3) {
        order: 4;
    }

    .menu__item:nth-child(4) {
        order: 5;
    }

    .menu__item:nth-child(5) {
        order: 2;
    }

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!