/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

2 votes104 views3 answers
Css cursor delete
CSS
1 vote105 views2 answers
Fit image in grid css
CSS
7 votes110 views2 answers
Use text-align to justify the paragraph style
CSS
0 vote108 views1 answer
CSS adding something next to a picture
CSS
5 votes115 views3 answers
Set scroll position bottom in div css
CSS
0 vote109 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
1 vote70 views1 answer
Css hover darken color
CSS
1 vote114 views2 answers
Show hidden message html
CSS
0 vote125 views1 answer
Transform element
CSS
0 vote123 views2 answers
Woocommerce align add to cart buttons css
CSS