Horje
css grid 1 row 2 columns Code Example
css grid two columns 
div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
grid 4 columns 2 rows 
.container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 1.75rem;
    width: min(90%, 68.5rem);
    margin-inline: auto;
}
Source: github.com
css grid 1 row 2 columns 
<div class="grid-container">
  <div class="grid-item">1</div>
  <div class="grid-item">2</div> 
</div>

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
}



Css

Related
helooo Code Example helooo Code Example
Shorthand notation of declaring top, right, bottom, left position Code Example Shorthand notation of declaring top, right, bottom, left position Code Example
skeumorphism box shadow Code Example skeumorphism box shadow Code Example
all child selector css Code Example all child selector css Code Example
how to bring a text in middle center of a tile css in anchor tag inline elements Code Example how to bring a text in middle center of a tile css in anchor tag inline elements Code Example

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



 

Horje