1
resposta

Input de pesquisa com display none

O arquivo css tá certo mesmo nesse trecho das linhas 11, 12 e 13? Pois para mim eu tenho que retirar/comentar esse trecho para poder mostrar esta div no cabeçalho https://github.com/paulodetarsoteles/projeto-vidflow-main

.cabecalho__pesquisar__item { display: none; }

1 resposta

Opa boa noite, dei uma olhada aqui e esse css foi codado utilizando o conceito de mobile-first, então esse {display:none} serve justamente para a barra de pesquisa ser escondida em telas com largura menor que 1156px, logo se vc está rodando este código em uma tela com resolução menor q a desse valor, vc terá que ativar a responsividade no devtools e emular uma resolução maior doq a que vc tem :)

@media (min-width: 1156px) {
  /* CABEÇALHO */

  .cabecalho__pesquisar__item {
    display: block;
    transform: translate(-60px);
  }

Emulando dispositivos no devtools