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

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

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

Curious which AI tools Treehouse developers love? ⚙️ Check them out!

🫡 Treehouse for Military offers discounts to Veterans, service members and their families!

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

xajx
6,553 Points
flex shorthand confusion

Posted November 29, 2020 5:44pm by xajx

xajx
6,553 Points
1 Answer
Kirt Perez
7,374 Points
When using justify-content in this example, I don't understand how the h1 element and unordered list created a huge gap

Posted November 2, 2020 6:16am by Kirt Perez

Kirt Perez
7,374 Points
2 Answers
Matt Nickolls
9,895 Points
Stumped with the final flexbox challenge

Posted October 30, 2020 9:17am by Matt Nickolls

Matt Nickolls
9,895 Points
1 Answer
ja5on
10,338 Points
vertical and horizontal

Posted September 7, 2020 1:42pm by ja5on

ja5on
10,338 Points
1 Answer
ja5on
10,338 Points
Flexbox and a three column layout with extra space.

Posted September 6, 2020 2:13pm by ja5on

ja5on
10,338 Points
0 Answers
Nick Huemmer
Front End Web Development Techdegree Graduate 26,840 Points
Why does 'justify-content: space-between' in the .main-header min-width: 1025px media query create such a large space?

Posted August 13, 2020 11:15pm by Nick Huemmer

Nick Huemmer
Front End Web Development Techdegree Graduate 26,840 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
Jasper Kop
10,423 Points
why is the auto top margin moving the button down?

Posted May 27, 2020 11:13am by Jasper Kop

Jasper Kop
10,423 Points
2 Answers
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
Bartlomiej Pajak
5,063 Points
Is my fixed navigation is ok?

Posted April 8, 2020 12:16pm by Bartlomiej Pajak

Bartlomiej Pajak
5,063 Points
1 Answer
Zach Handler
Web Development Techdegree Student 5,332 Points
Would you use flexbox to make this type of layout?

Posted November 2, 2019 7:49pm by Zach Handler

Zach Handler
Web Development Techdegree Student 5,332 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
Kit Howlett
6,774 Points
Flexbox - Difference Between flex-basis and flex-grow

Posted September 26, 2019 9:31pm by Kit Howlett

Kit Howlett
6,774 Points
1 Answer
Bibiana Balbuena Barbosa
14,768 Points
How do I stick the header?

Posted September 14, 2019 9:46am by Bibiana Balbuena Barbosa

Bibiana Balbuena Barbosa
14,768 Points
4 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
Alexei Thomas
2,492 Points
Why doesn't justify-content: flex-end work on the button?

Posted August 10, 2019 11:12pm by Alexei Thomas

Alexei Thomas
2,492 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
Nikos Papapetrou
6,305 Points
How can I achieve text to float next and under an image? Is it possible inside the flexbox?

Posted July 9, 2019 12:11pm by Nikos Papapetrou

Nikos Papapetrou
6,305 Points
2 Answers
Victor Mercier
14,667 Points
Flex grow and flex basis

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

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

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

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

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

Victor Mercier
14,667 Points
1 Answer
Robert Rydlewski
3,828 Points
flexbox misunderstanding. Instead of using ```display: inline block;``` I want to do the flexbox but it doesn't work :(

Posted June 30, 2019 4:19pm by Robert Rydlewski

Robert Rydlewski
3,828 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
Michał Nowak
2,809 Points
Position left/right

Posted June 6, 2019 11:23am by Michał Nowak

Michał Nowak
2,809 Points
2 Answers
daniel steinberg
14,651 Points
Primary and Secondary Column width

Posted June 5, 2019 6:05pm by daniel steinberg

daniel steinberg
14,651 Points
2 Answers
Tyler Halstead
7,987 Points
Why do you have to target individual classes when using the display property, but not the align-items property?

Posted June 3, 2019 2:19am by Tyler Halstead

Tyler Halstead
7,987 Points
1 Answer
vamosrope14
14,932 Points
If you applied a min-height of 100vh to the body element, why didn't the content stretch to the bottom of the page?

Posted May 20, 2019 5:17pm by vamosrope14

vamosrope14
14,932 Points
1 Answer

Prev Page 2 of 13 Next

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