Entrar Ainda não tem acesso?
1
resposta

[Sugestão] Uma outra forma de montar a barra de pesquisa

Referente ao curso HTML e CSS: responsividade com mobile-first, no capítulo Criando Header, Flexbox e @import e atividade Barra de pesquisa

por matheusgds3011
| 82.9k xp | 2 posts
Icone de uma lupa

.container-campo-pesquisa {
display: flex;
flex-direction: row;
align-items: center;
border: #FFFFFF 1px solid;
border-radius: 30px;
padding: 2% 10%;
}

.campo-pesquisa__input {
background-color: transparent;
border: none;
font-family: "Poppins", sans-serif;
width: 240px;
color: var(--cor-branca-texto);
text-align: center;

}

.campo-pesquisa__input::placeholder {
color: var(--cor-branca-texto);
}

1 resposta
por Ronaldo Cordeiro Schmidt
| 370.2k xp | 1014 posts

Olá matheusgds3011.
Muitos caminhos levam a Roma!
Obrigado por compartilhar sua solução.
Bons estudos.