/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 vote280 views1 answer
Learn css
CSS
0 vote338 views1 answer
! [remote rejected] master -> master (Working directory has unstaged changes)
CSS
0 vote300 views1 answer
How to set box into another box using html and css
CSS
0 vote323 views1 answer
Textauswahl deaktivieren
CSS
0 vote315 views1 answer
Tar xz
CSS
0 vote296 views1 answer
Line height negative css
CSS
-1 vote290 views1 answer
Css font family for all titles
CSS
174 votes348 views6 answers
Css background image
CSS
37 votes293 views1 answer
Trumping
CSS
28 votes288 views3 answers
Display sm none
CSS