/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 vote214 views1 answer
This message is shown once a day. To disable it please create
CSS
0 vote116 views1 answer
Css set transition duration for a property
CSS
0 vote116 views2 answers
How to link css to html in visual studio code
CSS
200 votes190 views6 answers
Background image
CSS
10 votes123 views3 answers
Css on click
CSS
27 votes130 views3 answers
@keyframes
CSS
0 vote134 views1 answer
Helooo
CSS
1 vote146 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
3 votes115 views1 answer
Change css to scss angular
CSS
9 votes120 views2 answers
Align items in row css
CSS