2
respostas

Como criar input igual a figura abaixo.

Boa tarde! Preciso agrupar 19 input, de vários tamanhos, dentro de um retângulo. Este retângulo seria a borda (figura abaixo). Estou tentando, mas não consigo. Ainda, e como estilizar eles usando o CSS de forma parecida com a figura. Alguém pode me ajudar?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Oi! Tudo bem?

Você pode fazer isso por um Flexbox ou por um Grid. Aqui na Alura temos artigos sobre os dois conteúdos:

Fora a isso, recomendo também um site muito bonitinho para aprender mais sobre o Flexbox: o Flexbox Froggy.

Contudo, se outra dúvida surgir, estamos disponíveis.

Abraços!

Olá, Maria! tentei começar a colocar os inputs juntos, mas nao consegui. você nao pode apenas começar a colocar uns três inputs ao lado do outro só pra eu ver como é ? E depois eu continuo. obrigado att,

Fábio