Horje
griddy css Code Example
css GRID 
.container {
  grid-template-columns: 100px 50px 100px;
  grid-template-rows: 80px auto 80px; 
  column-gap: 10px;
  row-gap: 15px;
}
Source: css-tricks.com
css grid 
<div class="grid-container">
  <div class="grid-item">1</div>
  <div class="grid-item">2</div>
  <div class="grid-item">3</div>  
  <div class="grid-item">4</div>
  <div class="grid-item">5</div>
  <div class="grid-item">6</div>  
  <div class="grid-item">7</div>
  <div class="grid-item">8</div>
  <div class="grid-item">9</div>
</div>

.grid-container {
  width: 300px;
  height: 300px;
  display: grid;
  grid-template-columns: auto auto auto;
  place-items: center;
}

.grid-item {
  background-color: silver;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
css GRID 
.container {
  /* standard */
  column-gap: <line-size>;
  row-gap: <line-size>;

  /* old */
  grid-column-gap: <line-size>;
  grid-row-gap: <line-size>;
}
Source: css-tricks.com
css grid 
.grid-container {
  display: grid;
  display: inline-grid;
  display: subgrid;
Source: devhints.io
griddy css 
.container {
    display: grid;
    grid-template-columns: 6fr 6fr;
    grid-column-gap: 20px
    grid-row-gap: 20px
    justify-items: stretch
    align-items: stretch
 }
Source: griddy.io



Css

Related
scroll down style Code Example scroll down style Code Example
CSS or locator Code Example CSS or locator Code Example
checkbox before stretching with css Code Example checkbox before stretching with css Code Example
false Code Example false Code Example
css space between buttons Code Example css space between buttons Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 11



 

Horje