Como posso fazer para definir um limite de cards na fileira, para que após o limite, o próximo apareca abaixo ?
Ex:
card1 card2 card3 card4
card5 card8 card7 card8
Como posso fazer para definir um limite de cards na fileira, para que após o limite, o próximo apareca abaixo ?
Ex:
card1 card2 card3 card4
card5 card8 card7 card8hoje, com a Alura e o Google Gemini
Fala Jones, tudo bem? Espero que sim!
Você precisa manipular isso com o css utilizando o grid, definindo 4 colunas para os cards:
.cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 32px;
}Onde cards deve ser a classe que envolva os cards, utilizamos a propriedade grid-tempalte-columns para definir as colunas e gap para definir o espaçamento.
Caso fique com dúvida você consultar a documentação ou o curso que temos aqui na alura sobre grid layouts
Espero ter ajudado, abraços e bons estudos :D