.wrap {
display: flex;
flex-wrap: wrap;
flex-direction: column; /* NEW */
height: 100px; /* NEW */
justify-content: space-between; /* NEW */
}
.elem1 {
width: 20%;
flex-basis: 100%; /* NEW */
border: 1px solid red;
}
.elem2,
.elem3 {
width: 75%;
flex-basis: 40%; /* NEW */
border: 1px solid red;
}
Code Example |
---|
Css :: adding a perfect responsive background image |
Css :: how to include css in handlebars |
Css :: html checkbox change styling |
Css :: alignment |
Css :: css pass param to class |
Css :: css browser prefixes |
Css :: transition behaviour in css |
Css :: prefix in css |
Css :: scss mixin |
Css :: gap between two flex items |
Css :: css after hover |
Css :: difference between html and css |
Css :: float: down css |
Css :: how fixed image at top |
Css :: deploy truffle project on testnet |
Css :: installation tailwind css in html |
Css :: iphone css |
Css :: border css |
Css :: trim background image css |
Css :: css waves background |
Css :: css box shadow transform rotate |
Css :: font awesome icons showing squares before after |
Css :: liste commandes disponibles linux |
Css :: how to give a background color strip in html and css |
Css :: css a tag id selector scrolls too far |
Css :: text-align transform |
Css :: https request |
Css :: blue gradient |
Css :: table content center |
Css :: css if child has class |