Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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;
}
Comment

PREVIOUS NEXT
Code Example
Css :: css transition on click 
Css :: css for chrome only 
Css :: simple font-face mixin scss 
Css :: button looks like a link 
Css :: text background image css 
Css :: padding bottom and top css in same ligne 
Css :: .col-12 bootstrap 
Css :: text decoration css transition 
Css :: css flexbox syntax 
Css :: matrix css 
Css :: device-pixel-ratio css 
Css :: css class and id selector 
Css :: css image popup on hover 
Css :: vertical align text inside div 
Css :: portfolio website html css 
Css :: multer buffer undefined 
Css :: sass scale color 
Css :: import scss 
Css :: display flex overflow hidden slider 
Css :: font awesome saas gem 
Css :: css wrap text 
Css :: color gradient 
Css :: display none opposite 
Css :: vue scoped css child component 
Css :: before and after pseudo selectors 
Css :: dot in image css 
Css :: css changer la couleur de la sélection 
Css :: display: inline; 
Css :: using tinymce with tailwind css 
Css :: fluorescent blue hex code 
ADD CONTENT
Topic
Content
Source link
Name
3+9 =