não entendi por que a necessidade de colocar display block e também, quando eu comentei a linha do display:block, a barra de pesquisa se inicia na esquerda
não entendi por que a necessidade de colocar display block e também, quando eu comentei a linha do display:block, a barra de pesquisa se inicia na esquerda
Olá, Daniel! Tudo bem?
O display: block é uma propriedade que faz com que o elemento ocupe toda a largura disponível, colocando-o em uma nova linha, o que é diferente do comportamento padrão de um input, que é inline-block. Quando você comenta a linha display: block, o input volta a se comportar como um elemento inline, o que faz com que ele se alinhe à esquerda e não ocupe toda a largura disponível.
No caso, o display: block está sendo usado para garantir que a barra de pesquisa ocupe toda a largura disponível dentro do contêiner, centralizando e espaçando adequadamente em relação aos outros elementos. Isso é especialmente útil em layouts responsivos, onde queremos que os elementos se ajustem ao tamanho da tela.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)