/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 vote207 views1 answer
Target button of fileinput css
CSS
3 votes220 views1 answer
Download css from website
CSS
16 votes192 views3 answers
Remove underline hover css
CSS
1 vote225 views1 answer
Css no list markers
CSS
0 vote236 views1 answer
Css letter spacing tight
CSS
111 votes238 views6 answers
Media query css
CSS
1 vote223 views3 answers
Tag php
CSS
1 vote217 views1 answer
Css selector no attribute
CSS
0 vote175 views1 answer
Module not found: Can't resolve './musicas/Bruno Mars JustTheWayYouAre.mp3' in 'C:\UkVibes\react_juary\client\src\components\genders'
CSS
0 vote202 views1 answer
Css variables css tricks
CSS