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

Learn about our new Community Discord server here and join us on Discord here!

Probe The AI Multiverse: Exploring the Subfields of Artificial Intelligence 😮

Get job-ready with our Career Toolbox Track's career advice, resume tips, and more 🧰

New course: AI Tools for Designers 🎨✨

Students: got a cool project or resource to share? Submit it to Treehouse Links! 🤩

Learn about our new Community Discord server here and join us on Discord here!

🤖 Check out all our AI content here 👀

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
ameni smiai
9,761 Points
a Flex item have to be a simple item or a can be an article ? And the article is composed : header+parag

Posted January 21, 2022 9:43pm by ameni smiai

ameni smiai
9,761 Points
2 Answers
karan Badhwar
Web Development Techdegree Graduate 18,135 Points
Cross Axis

Posted October 8, 2021 7:34pm by karan Badhwar

karan Badhwar
Web Development Techdegree Graduate 18,135 Points
1 Answer
karan Badhwar
Web Development Techdegree Graduate 18,135 Points
Margin : auto;

Posted October 7, 2021 3:48pm by karan Badhwar

karan Badhwar
Web Development Techdegree Graduate 18,135 Points
4 Answers
Shayla Lewis
Web Development Techdegree Student 5,404 Points
Why do we need something for both container and item to center?

Posted September 11, 2021 3:54pm by Shayla Lewis

Shayla Lewis
Web Development Techdegree Student 5,404 Points
1 Answer
Bryan Halambeck
Front End Web Development Techdegree Student 6,430 Points
Next, give .row the flexbox property and value that will make it a multi-line flex container.

Posted September 7, 2021 4:05pm by Bryan Halambeck

Bryan Halambeck
Front End Web Development Techdegree Student 6,430 Points
1 Answer
Deon Cole
658 Points
First, make .row a flex container.

Posted July 20, 2021 8:04pm by Deon Cole

Deon Cole
658 Points
2 Answers
jas0n
10,335 Points
is flex-basis in theory just a width property?

Posted May 10, 2021 4:48pm by jas0n

jas0n
10,335 Points
1 Answer
jas0n
10,335 Points
navigation, heading and flexbox

Posted May 8, 2021 1:06pm by jas0n

jas0n
10,335 Points
1 Answer
jas0n
10,335 Points
websites and flexbox

Posted May 8, 2021 1:04pm by jas0n

jas0n
10,335 Points
1 Answer
tlc84
Front End Web Development Techdegree Student 2,410 Points
I put align-self: center; to no avail...

Posted March 31, 2021 5:08pm by tlc84

tlc84
Front End Web Development Techdegree Student 2,410 Points
2 Answers
xajx
6,553 Points
flex shorthand confusion

Posted November 29, 2020 5:44pm by xajx

xajx
6,553 Points
1 Answer
pratyush raj
7,097 Points
when i set margin auto. my content shift to the left side

Posted July 19, 2020 6:38am by pratyush raj

pratyush raj
7,097 Points
1 Answer
haroun egal
1,053 Points
how to place first and last items along the edges and if space-between is correct

Posted May 12, 2020 7:42pm by haroun egal

haroun egal
1,053 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
Kafe Hezam
11,070 Points
Why when there's no padding on the items the items fit in the container??

Posted August 21, 2019 5:31pm by Kafe Hezam

Kafe Hezam
11,070 Points
2 Answers
Naomi Nyandoro
6,643 Points
first make .row a flex container.

Posted August 16, 2019 3:51pm by Naomi Nyandoro

Naomi Nyandoro
6,643 Points
6 Answers
Naomi Nyandoro
6,643 Points
first make .row a flex container.

Posted August 16, 2019 3:51pm by Naomi Nyandoro

Naomi Nyandoro
6,643 Points
1 Answer
David Finney
4,116 Points
Question about SEO Comment.

Posted July 13, 2019 6:20pm by David Finney

David Finney
4,116 Points
1 Answer
Victor Mercier
14,666 Points
Flex grow and flex basis

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

Victor Mercier
14,666 Points
1 Answer
Victor Mercier
14,666 Points
Not sure to understand flex grow

Posted July 3, 2019 10:51pm by Victor Mercier

Victor Mercier
14,666 Points
1 Answer
Victor Mercier
14,666 Points
Effect of margin auto on flex items

Posted July 1, 2019 4:57pm by Victor Mercier

Victor Mercier
14,666 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
Megan Case
6,809 Points
Which of the following rules will display the layout shown in the image?

Posted April 17, 2019 5:19pm by Megan Case

Megan Case
6,809 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
PLUS

kevin hudson
Courses Plus Student 11,615 Points
Can I use and Flexbox support

Posted December 31, 2018 6:38pm by kevin hudson

kevin hudson
Courses Plus Student 11,615 Points
2 Answers
Susan White
2,872 Points
bug in 2 of 3 for flexbox layout add property to make multiline layout would be flex-direction: column; is not working

Posted December 7, 2018 6:11pm by Susan White

Susan White
2,872 Points
2 Answers

Prev Page 1 of 5 Next

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