Pessoal ser que pode me dizer como eu faço para uma section ocupar todo o body? tou construindo um portfolio mas não consigo fazer com que haja espeço entre as sections e acaba por ficar tudo junto
como eu posso resolver isso?
Olá @EricNC0
Vamos ver se este artigo o ajuda: Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | CSS-Tricks - CSS-Tricks.
Uma ideia seria criar três colunas ou menos, desta forma:
display: grid;
grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
Pode pesquisar artigos com este código em português.
Se partilhar o seu código, outras pessoas poderão ser capazes de o ajudar.
Perdoe o meu português e boa sorte.
Continuem o bom trabalho! ![]()
O comportamento não muda se for para div ou section?
Olá novamente @EricNC0 .
Sim, mas não vi o seu código, por isso só posso fazer sugestões genéricas. Pode partilhar o código e, depois de o seleccionar, clicar no ícone </> para uma melhor visualização.
Os <section> (o <div>) elementos ocupam por defeito todo o espaço disponível, tal como um elemento <p>, por isso sem adicionar CSS empilham-se uns sobre os outros. Por conseguinte, a simples utilização de padding e de um margin-bottom, por exemplo, criaria um espaço branco entre eles e para o seu conteúdo, mas não conheço o seu HTML .
Boa sorte e continue com o bom trabalho ![]()