Difference between revisions of "CSS Grid"
From Publication Station
VKranendonk (talk | contribs) |
VKranendonk (talk | contribs) |
||
Line 1: | Line 1: | ||
CSS grid is used to create a layout. This article describes the basic concepts of CSS grid and | CSS grid is used to create a layout. This article describes the basic concepts of CSS grid and links to resources with more info on CSS grid. | ||
<source lang="html5"> | <source lang="html5"> | ||
<div class="grid-container> | <div class="grid-container> | ||
<div>Grid item 1</div> | <div>Grid item 1</div> | ||
<div>Grid item 2</div> | |||
<div>Grid item 3</div> | |||
<div>Grid item 4</div> | |||
<div>Grid item 5</div> | |||
<div>Grid item 6</div> | |||
</div> | </div> | ||
</source> | </source> | ||
https://cssgridgarden.com/ | https://cssgridgarden.com/ |
Revision as of 14:28, 2 September 2022
CSS grid is used to create a layout. This article describes the basic concepts of CSS grid and links to resources with more info on CSS grid.
<div class="grid-container>
<div>Grid item 1</div>
<div>Grid item 2</div>
<div>Grid item 3</div>
<div>Grid item 4</div>
<div>Grid item 5</div>
<div>Grid item 6</div>
</div>
https://cssgridgarden.com/ https://css-tricks.com/snippets/css/complete-guide-grid/ https://cssgrid.io/ https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout