Horje
css grid take 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 take 2 columns 
.wrapper {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: dense;
  padding: 1rem;
}

.box {
  background-color: red;
  color: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  font-size: 200%;
}

.a,
.d,
.e,
.f {
  background-color: green;
  grid-column: span 2;     /* <-- here is the trick */
}
Source: stackoverflow.com



Css

Related
mettre un element en avant css Code Example mettre un element en avant css Code Example
twig date modify Code Example twig date modify Code Example
remove horizontal scroll in small devices css Code Example remove horizontal scroll in small devices css Code Example
display content in column css Code Example display content in column css Code Example
how to use background property in css Code Example how to use background property in css Code Example

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



 

Horje