Name: Flex grow, shrink, basis - Flexbox tutorial
Uploaded: 2018-01-13T15:12:11.525Z
Duration: 8 min 39 s
Description: The `flex-grow`, `flex-shrink` and `flex-basis` properties decide how the items grow and shrink with the width of the container. It's a bit tricky to understand, so this is the longest lecture in this course.

scrimba

Watch in fullscreen

Flex grow, shrink, basis - Flexbox tutorial

by Per Harald Borgen

Learn Flexbox

About

Comments

Notes

Order - Flexbox tutorial3:09

Flex grow, shrink, basis - Flexbox tutorial

by Per Harald Borgen

Learn Flexbox

Expand for more info

Order - Flexbox tutorial3:09

index.css

run

preview

console

.container {
  border: 5px solid #ffcc5c;
  display: flex;
}

.home {
  flex: 1;
}

.logout {
  flex: 1;
}

-8:38