Difference between revisions of "CSS Grid"

From Publication Station
Line 1: Line 1:
CSS grid is used to create a layout. This article describes the basic concepts of CSS grid and additional links for extra studies.
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>
[[File:CSS grid.png]]


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