Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] 7 days of code Giovanna Moeller

Bom dia, gostaria de saber se fiz o header desse projeto da maneira correta?

<header class="header">
        <img class="header__logo" src="./assets/img/_Button base.svg" alt="OptimusTech">
        <nav class="header__nav">
            <ul class="nav__menu">
                <li class="menu__item">
                    <a class="menu__link" href="#">Home</a>
                </li>
                <li class="menu__item">
                    <a class="menu__link" href="#">Produtos</a>
                </li>
                <li class="menu__item">
                    <a class="menu__link" href="#">Recursos</a>
                </li>
                <li class="menu__item">
                    <a class="menu__link" href="#">Sobre nós</a>
                </li>
            </ul>
        </nav>
        <ul class="header__menu--user">
            <li class="menu__item--user">
                <a class="menu__link" href="#">Entrar</a>
            </li>
            <li class="menu__item--user">
                <a class="menu__link menu__link--user" href="#">Cadastrar</a>
            </li>
        </ul>
    </header>

.header { display: flex; align-items: center; max-width: 1280px; padding: 2.65rem 3.2rem; margin: 0 auto; }

.header__logo { margin-right: auto; }

.header__nav { display: flex; align-items: center; margin-right: auto; }

.nav__menu { display: flex; }

.menu__item { margin-right: 3.2rem; }

.menu__item:last-child { margin: 0; }

.header__menu--user { display: flex; margin-left: auto; }

.menu__item--user:last-child { margin-left: 3rem; }

.menu__link { font-size: 1.6rem; font-weight: 500; color: var(--gray-500); text-decoration: none; }

.menu__link.menu__link--user { color: var(--white); background-color: var(--brown-red); padding: 1rem 1.8rem; border-radius: .8rem; }

1 resposta
solução!

Olá Victor, tudo bem?

Pelo código que você postou, parece que o header está correto. Você utilizou as classes corretamente e definiu as propriedades CSS de forma adequada.

Parabéns por praticar!

Um abraço e bons estudos.