Treehouse | Community | Creating a Three Column Layout with Flexbox

🤑 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

vamosrope14
14,932 Points
Why did he set all three columns to a flex basis of 0?

Posted May 20, 2019 4:34pm by vamosrope14

vamosrope14
14,932 Points
2 Answers
vamosrope14
14,932 Points
Is the flex property only targetting a specific line, as opposed to all lines?

Posted May 20, 2019 4:08pm by vamosrope14

vamosrope14
14,932 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
Farai Ted Mandoreba
21,518 Points
The first step to using flexbox is creating a flex container. Target .main-nav and make it a flex

Posted April 4, 2019 12:54am by Farai Ted Mandoreba

Farai Ted Mandoreba
21,518 Points
2 Answers
Jasmin chang
3,342 Points
just Flexbox?

Posted April 3, 2019 2:45pm by Jasmin chang

Jasmin chang
3,342 Points
3 Answers
Lu Favela
Front End Web Development Techdegree Student 15,570 Points
Flexbox "flex-basis"

Posted March 15, 2019 2:37pm by Lu Favela

Lu Favela
Front End Web Development Techdegree Student 15,570 Points
1 Answer
Ruben Peters
3,453 Points
If we use Flexbox CSS properties, do we still need to use floats and inline or block properties?

Posted March 9, 2019 7:32pm by Ruben Peters

Ruben Peters
3,453 Points
2 Answers
Yvette Pascacsio
5,522 Points
How is "flex-grow: 1" working on .row and .row hasn't been defined as a flex box?

Posted February 22, 2019 12:17am by Yvette Pascacsio

Yvette Pascacsio
5,522 Points
2 Answers
meghana Joshi
4,596 Points
Why do we use unordered list for nav menus

Posted February 20, 2019 7:43pm by meghana Joshi

meghana Joshi
4,596 Points
3 Answers
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
Truong Minh Nguyen
12,587 Points
Aligning button with align-self

Posted February 5, 2019 8:09pm by Truong Minh Nguyen

Truong Minh Nguyen
12,587 Points
1 Answer
Truong Minh Nguyen
12,587 Points
flex-basis: 0

Posted February 5, 2019 7:53pm by Truong Minh Nguyen

Truong Minh Nguyen
12,587 Points
1 Answer
Michael Pashkov
UX Design Techdegree Student 11,350 Points
Alternate sticky footer method

Posted January 20, 2019 1:05pm by Michael Pashkov

Michael Pashkov
UX Design Techdegree Student 11,350 Points
3 Answers
PLUS

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

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

kevin hudson
Courses Plus Student 11,987 Points
2 Answers
Piotr Manczak
Front End Web Development Techdegree Graduate 29,363 Points
There are two .css files used for this lesson. Why are we using two files? Can't we just use one and fit everything in?

Posted December 19, 2018 11:01pm by Piotr Manczak

Piotr Manczak
Front End Web Development Techdegree Graduate 29,363 Points
1 Answer
mersadajan
21,306 Points
Columns not wraping with the same setting like in the video

Posted December 17, 2018 1:48pm by mersadajan

mersadajan
21,306 Points
1 Answer
Nina Maxberry
10,630 Points
Followed building nav bar with video but my mid size screen (between 769p/1025px kicks nav bar to left. ???

Posted December 10, 2018 4:58am by Nina Maxberry

Nina Maxberry
10,630 Points
1 Answer
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
Jesse Dispoto
Front End Web Development Techdegree Graduate 14,538 Points
Why did we not set a flex-basis on the .col ?

Posted November 30, 2018 1:03am by Jesse Dispoto

Jesse Dispoto
Front End Web Development Techdegree Graduate 14,538 Points
1 Answer
Kim Dallas
11,461 Points
i've finished this 5 times it keeps sending me back to this challenge instead of letting me go on

Posted November 28, 2018 3:44am by Kim Dallas

Kim Dallas
11,461 Points
1 Answer
Kim Dallas
11,461 Points
i've tried everything

Posted November 27, 2018 10:28am by Kim Dallas

Kim Dallas
11,461 Points
1 Answer
Kim Dallas
11,461 Points
I got the first two. I need to align items this should work

Posted November 27, 2018 9:52am by Kim Dallas

Kim Dallas
11,461 Points
1 Answer
Kim Dallas
11,461 Points
flex basis should work

Posted November 27, 2018 9:33am by Kim Dallas

Kim Dallas
11,461 Points
1 Answer
Kim Dallas
11,461 Points
why isn't this working? to increase the flex?

Posted November 24, 2018 3:18am by Kim Dallas

Kim Dallas
11,461 Points
1 Answer
Kim Dallas
11,461 Points
why won't this work

Posted November 24, 2018 1:33am by Kim Dallas

Kim Dallas
11,461 Points
1 Answer
Rebecca Aston
UX Design Techdegree Graduate 13,955 Points
HELP: Flexbox Layout - Background Image

Posted November 3, 2018 11:53pm by Rebecca Aston

Rebecca Aston
UX Design Techdegree Graduate 13,955 Points
1 Answer
Jonathan Nilsson
753 Points
Does Flexbox replace "Media queries?

Posted October 29, 2018 3:14pm by Jonathan Nilsson

Jonathan Nilsson
753 Points
1 Answer
Kyle Laresn
6,506 Points
Help with the 769px break point

Posted October 26, 2018 5:10pm by Kyle Laresn

Kyle Laresn
6,506 Points
1 Answer
Kyle Laresn
6,506 Points
I'm not sure what is meant by a multi-line flex container, I thought useing the flex-direction: column; would do it.

Posted October 25, 2018 11:07pm by Kyle Laresn

Kyle Laresn
6,506 Points
1 Answer
anthony amaro
8,686 Points
what is the difference using sticky footers.

Posted October 24, 2018 9:41pm by anthony amaro

anthony amaro
8,686 Points
1 Answer

Prev Page 3 of 13 Next

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