Treehouse | Community | Smarter Layouts with flex-basis and flex

NOTICE: On Friday Nov 6, Workspaces will be temporarily unavailable for maintenance.

🚀 In our NEW AI Bootcamp you'll build a working app in 28 days, no experience required. Free to all subscription levels.

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

Join the Treehouse affiliate program and earn 25% recurring commission! 🤑

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Barcode George
595 Points
Item in the middle above the text

Posted July 1, 2023 10:42pm by Barcode George

Barcode George
595 Points
1 Answer
Frank Book
308 Points
flex property values

Posted June 24, 2023 9:36am by Frank Book

Frank Book
308 Points
1 Answer
Peter Huang
5,427 Points
Dont understand flex-basis.

Posted November 13, 2022 5:49am by Peter Huang

Peter Huang
5,427 Points
1 Answer
ja5on
10,339 Points
is flex-basis in theory just a width property?

Posted May 10, 2021 4:48pm by ja5on

ja5on
10,339 Points
1 Answer
ja5on
10,339 Points
navigation, heading and flexbox

Posted May 8, 2021 1:06pm by ja5on

ja5on
10,339 Points
1 Answer
ja5on
10,339 Points
websites and flexbox

Posted May 8, 2021 1:04pm by ja5on

ja5on
10,339 Points
1 Answer
xajx
6,553 Points
flex shorthand confusion

Posted November 29, 2020 5:44pm by xajx

xajx
6,553 Points
1 Answer
Vasilis Moutzouridis
4,450 Points
flex-basis: 0; | items break to new lines.

Posted September 28, 2019 10:04am by Vasilis Moutzouridis

Vasilis Moutzouridis
4,450 Points
2 Answers
Victor Mercier
14,668 Points
Flex grow and flex basis

Posted July 6, 2019 11:41pm by Victor Mercier

Victor Mercier
14,668 Points
1 Answer
Seokhyun Wie
Full Stack JavaScript Techdegree Graduate 21,606 Points
Flex-basis doesn't work properly on Google Chrome

Posted June 29, 2019 6:21am by Seokhyun Wie

Seokhyun Wie
Full Stack JavaScript Techdegree Graduate 21,606 Points
2 Answers
Matthew McKenzie
4,450 Points
Dual Column Flex Box

Posted June 19, 2019 5:03pm by Matthew McKenzie

Matthew McKenzie
4,450 Points
1 Answer
guram dgebuadze
Front End Web Development Techdegree Student 4,122 Points
Flex-basis

Posted February 15, 2019 10:21am by guram dgebuadze

guram dgebuadze
Front End Web Development Techdegree Student 4,122 Points
2 Answers
Michael Pashkov
22,024 Points
Can we do this as a variant? flex: 2 200px;

Posted October 14, 2018 12:53pm by Michael Pashkov

Michael Pashkov
22,024 Points
1 Answer
guram dgebuadze
Front End Web Development Techdegree Student 4,122 Points
flex-basiis

Posted September 16, 2018 11:59am by guram dgebuadze

guram dgebuadze
Front End Web Development Techdegree Student 4,122 Points
3 Answers
xin song
1,929 Points
Flex-basis: 0 still break the line when narrowing the browser.

Posted September 2, 2018 9:14pm by xin song

xin song
1,929 Points
1 Answer
yoav green
8,611 Points
columns are still distributing with flex

Posted July 12, 2018 10:32am by yoav green

yoav green
8,611 Points
1 Answer
SeHyun Choi
3,441 Points
Some of my flex items are not working properly

Posted July 5, 2018 9:34pm by SeHyun Choi

SeHyun Choi
3,441 Points
1 Answer
GoldSpec Digital
4,185 Points
Flexbox basis...

Posted June 7, 2018 12:35pm by GoldSpec Digital

GoldSpec Digital
4,185 Points
1 Answer
Lisa Weil
4,919 Points
Found a helpful cheatsheet online to help understand Flexbox better

Posted May 1, 2018 2:47am by Lisa Weil

Lisa Weil
4,919 Points
2 Answers
Jared Cannon
3,838 Points
Flex property doesn't behave like shown in video

Posted November 21, 2017 3:40pm by Jared Cannon

Jared Cannon
3,838 Points
2 Answers
Kristian Woods
23,414 Points
Understanding flex-basis and flex-grow

Posted August 15, 2017 1:22pm by Kristian Woods

Kristian Woods
23,414 Points
0 Answers
Justin Houghton
4,560 Points
Overriding flex-grow values

Posted July 29, 2017 12:02am by Justin Houghton

Justin Houghton
4,560 Points
1 Answer
Ryan Schmelter
9,710 Points
Does flex basis value apply to the container or each item?

Posted July 14, 2017 8:12pm by Ryan Schmelter

Ryan Schmelter
9,710 Points
1 Answer
Malcolm Stretten
3,814 Points
My flex containers DO still re-align themselves into a different format

Posted August 10, 2016 5:40pm by Malcolm Stretten

Malcolm Stretten
3,814 Points
9 Answers
James Barrett
13,253 Points
Really struggling to understand what flex-basis is actually doing

Posted July 20, 2016 1:50pm by James Barrett

James Barrett
13,253 Points
2 Answers
Vladimir Klindić
19,262 Points
The flex shorthand sets the flex-basis value to zero?

Posted May 18, 2016 4:19pm by Vladimir Klindić

Vladimir Klindić
19,262 Points
2 Answers
Quoc Nguyen
3,957 Points
Differences between flex-grow: 1; and flex: 1;

Posted December 14, 2015 7:24am by Quoc Nguyen

Quoc Nguyen
3,957 Points
2 Answers
Ivan Saveliev
9,153 Points
Why No flex-basis or "0" flex-basis still break the line when narrowing the browser?

Posted December 12, 2015 1:26pm by Ivan Saveliev

Ivan Saveliev
9,153 Points
7 Answers

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.