Posição dos elementos errado. | HTML e CSS: responsividade com mobile-first

2
respostas

Referente ao curso HTML e CSS: responsividade com mobile-first

por Gabriel ms bastos

| 76.7k xp | 98 posts

UX treine

cabeçalho__menu-hamgurger{
    width: 24px;
    height: 24px;

    background-repeat: no-repeat;
    background-position: center;
    background-image: url(::/img/menu.svg);
    display: inline-block;
}

.cabeçalho{
    background-color: var(--banco);
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.conteiner{
    display: flex;
    align-items: center;


    .conteiner__imagem{
        padding: 1em;
    }


}

@import url('.styles/header.css');

:root { --cor-de-fundo: #EBECEE; --banco:#fff; }

body{ background-color: var(--cor-de-fundo); }

obrigado

2 respostas

por THOMAS BATISTA NEVES RIBEIRO

| 28.7k xp | 2 posts

07/02/2023

Boa tarde meu chegado, tudo firme por aí?

.cabeçalho__menu-hamburguer {
    width: 24px;
    height: 24px;
    background-image: url("../img/Menu.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.cabeçalho {
    background-color: var(--branco);
    display: flex;
    justify-content:space-between;
    align-items: center;
    position: relative;
}

.container {
    display: flex;
    align-items: center;

}

.container__imagem {
    padding: 1em;
}

por Gabriel ms bastos

| 76.7k xp | 98 posts

UX treine

08/02/2023

Oi, amigo. Então, eu sei que eu fiz algo errado no meu código. Porém, eu não consigo identificar o erro. Você pode me dizer alguma coisa alguma extensão ou modo de melhor identificar os meus erros?