use flex in container with multiple components

Worried Wildebeest answered on August 21, 2020 Popularity 7/10 Helpfulness 4/10

answer use flex in container with multiple components

use flex in container with multiple components

Comment

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

Popularity 7/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: components css

Link to this answer
Share Copy Link

Contributed on Aug 21 2020

Worried Wildebeest

0 Answers Avg Quality 2/10

use flex in container with multiple components

Contents

More Related Answers

use flex in container with multiple components

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.