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
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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
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