Espaçamento entre section

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?

1 Like

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! :ok_hand:

1 Like

O comportamento não muda se for para div ou section?

1 Like

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 :grinning: