/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

36 votes206 views4 answers
Text color as gradient css
CSS
0 vote203 views2 answers
Background path css
CSS
-1 vote203 views1 answer
Adjust text spacing css
CSS
0 vote205 views1 answer
Responsive css webpage code
CSS
1 vote213 views1 answer
Change the color of an hr
CSS
2 votes223 views6 answers
Add image to css
CSS
0 vote232 views1 answer
Css change all text
CSS
1 vote322 views1 answer
Bootstrap card hover effect
CSS Bootstrap
4 votes192 views1 answer
Grid mdn
CSS
3 votes197 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS