Search
 
SCRIPT & CODE EXAMPLE
 

CSS

use flex in container with multiple components

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

PREVIOUS NEXT
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 
ADD CONTENT
Topic
Content
Source link
Name
1+4 =