/CSS/Css make a cell twice as big flexbox

Css make a cell twice as big flexbox

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.child.featured {
  grid-row-end: span 2;
}


/* non-essential decorative styles */
.container {
  padding: 10px;
  border: 2px solid gray;
  background-color: lightgray;
  height: 50vh;
}
.child {
  background-color: deepskyblue;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3em;
}

Source: stackoverflow.com

Similar codes

0 vote190 views1 answer
New statamic project
CSS
4 votes130 views1 answer
Change hex background opacity css
CSS
17 votes204 views1 answer
Css align items vertical center
CSS
1 vote184 views1 answer
How to hover over an individual cell in table css
CSS
0 vote190 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
23 votes175 views6 answers
Css circle
CSS
0 vote175 views1 answer
Css mask cut diagonal
CSS
0 vote179 views1 answer
Css3 background image curve
CSS
0 vote212 views1 answer
Css loading spinner with text
CSS
0 vote186 views1 answer
Css img src
CSS