/CSS/Vertical divider between my flexbox

Vertical divider between my flexbox

section {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin: 0 -8px;
  align-items: center;
}
section>* {
  margin: 0 8px;
}
.divider {
  width: 2px;
  margin: 6px 0;
  background: blue;
  align-self: stretch;
}
.item {
  flex: 1;
  background: orange;
}

Source: stackoverflow.com

Similar codes

0 vote293 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS
0 vote263 views1 answer
Scale up and scale down animation in css
CSS
9 votes270 views3 answers
Bootstrap badge color
CSS
43 votes272 views4 answers
What is a max and min width media query
CSS
0 vote255 views1 answer
Css option value
CSS
0 vote283 views1 answer
Css background templates
CSS
0 vote271 views1 answer
How to draw rhombus in css
CSS
2 votes298 views1 answer
Css click event jquery
CSS
1 vote272 views1 answer
Input time without am pm
CSS
3 votes221 views2 answers
Z-index limit
CSS