Treehouse | Community | Flexbox Layout Challenge

Join our Live Career-Building Workshop: Fast-Track Your Tech Career Without a Degree! ⭐ Register here!

🤑 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

AR Ehsan
7,912 Points
Next, use the flexbox property and value that gives every list item inside main-nav evenly distributed widths.

Posted April 2, 2015 5:23pm by AR Ehsan

AR Ehsan
7,912 Points
0 Answers
PLUS

Edwin Chau
Courses Plus Student 5,702 Points
flexbox code challenge

Posted April 2, 2015 3:38pm by Edwin Chau

Edwin Chau
Courses Plus Student 5,702 Points
3 Answers
Syed Abbas
337 Points
the big picture of all different types of layout

Posted March 26, 2015 7:12pm by Syed Abbas

Syed Abbas
337 Points
1 Answer
Placid Rodrigues
12,630 Points
Downloaded modernizr file is not working.

Posted March 21, 2015 12:13pm by Placid Rodrigues

Placid Rodrigues
12,630 Points
1 Answer
Elliott Mangham
13,086 Points
Flexbox order property

Posted March 12, 2015 3:06pm by Elliott Mangham

Elliott Mangham
13,086 Points
4 Answers
PLUS

Sebastian Key
Courses Plus Student 6,410 Points
Difference between flex:1 and flex-grow:1

Posted March 12, 2015 5:05am by Sebastian Key

Sebastian Key
Courses Plus Student 6,410 Points
2 Answers
Lindyanne Ehrnrooth
10,730 Points
I am trying to add different icons to my site and can't get them to display.

Posted March 5, 2015 11:37am by Lindyanne Ehrnrooth

Lindyanne Ehrnrooth
10,730 Points
1 Answer
Jana Beals
3,647 Points
Finally, let's reverse the column order by giving secondary the flexbox property and value that moves it to the beginnin

Posted March 2, 2015 4:17am by Jana Beals

Jana Beals
3,647 Points
3 Answers
Jana Beals
3,647 Points
First, let's establish a flex formatting context. Give main-nav the display value that converts its list items into flex

Posted March 2, 2015 3:52am by Jana Beals

Jana Beals
3,647 Points
1 Answer
Pavle Lucic
10,801 Points
Margin:auto on main logo - explanation?

Posted February 26, 2015 4:01pm by Pavle Lucic

Pavle Lucic
10,801 Points
3 Answers
Juner Pagal
11,968 Points
What is wrong of my answer? I believed it's the right code for the secondary class to move it to beginning of the row.

Posted February 13, 2015 6:29pm by Juner Pagal

Juner Pagal
11,968 Points
1 Answer
Juner Pagal
11,968 Points
What is wrong of my answer? I believed it's the right code for the secondary class to move it to beginning of therow

Posted February 13, 2015 6:29pm by Juner Pagal

Juner Pagal
11,968 Points
1 Answer
Iulia Copaci
5,039 Points
Use justify-content to adjust?

Posted February 11, 2015 12:59pm by Iulia Copaci

Iulia Copaci
5,039 Points
1 Answer
Ehsan Raza
263 Points
What does he mean by syntax toward the end?

Posted February 1, 2015 12:28am by Ehsan Raza

Ehsan Raza
263 Points
2 Answers
Ehsan Raza
263 Points
What does he mean by syntex towards the end?

Posted February 1, 2015 12:22am by Ehsan Raza

Ehsan Raza
263 Points
1 Answer
Ehsan Raza
263 Points
Transition does not work for Internet Explorer 11. Works well in all other browsers.

Posted January 31, 2015 11:30pm by Ehsan Raza

Ehsan Raza
263 Points
1 Answer
Ehsan Raza
263 Points
Video player speed.

Posted January 30, 2015 4:30am by Ehsan Raza

Ehsan Raza
263 Points
0 Answers
PLUS

erdragerdragsson
Courses Plus Student 5,887 Points
Problem with data-icon!

Posted January 24, 2015 11:40pm by erdragerdragsson

erdragerdragsson
Courses Plus Student 5,887 Points
2 Answers
Eastern Lai
5,406 Points
First-child of .main-logo vs .main-logo?

Posted January 19, 2015 12:07am by Eastern Lai

Eastern Lai
5,406 Points
6 Answers
dariorancatore
6,845 Points
Free alternative to browserstack

Posted January 18, 2015 2:20pm by dariorancatore

dariorancatore
6,845 Points
3 Answers
George Akinian
17,615 Points
Hi, The challenge keeps saying there is a communication problem. I keep refreshing and I get the same message.

Posted January 13, 2015 7:07pm by George Akinian

George Akinian
17,615 Points
1 Answer
Ehsan Raza
263 Points
@font-face

Posted January 3, 2015 1:43pm by Ehsan Raza

Ehsan Raza
263 Points
2 Answers
Ehsan Raza
263 Points
data-icon vs Id

Posted January 3, 2015 11:16am by Ehsan Raza

Ehsan Raza
263 Points
1 Answer
Daniel Politz
6,338 Points
Why does declaring left: -30%; in the following code make the icon disappear?

Posted December 4, 2014 7:51pm by Daniel Politz

Daniel Politz
6,338 Points
2 Answers
Zachary Caldwell
13,166 Points
How do we deal with :hover on mobile devices?

Posted November 8, 2014 4:31pm by Zachary Caldwell

Zachary Caldwell
13,166 Points
1 Answer
Janise Bradford
5,664 Points
Using Modernizr

Posted November 7, 2014 12:59am by Janise Bradford

Janise Bradford
5,664 Points
1 Answer
PLUS

Gina Bégin
Courses Plus Student 8,613 Points
Why use Flexbox if you have to go back and code for browsers its not compatible with?

Posted October 29, 2014 1:18am by Gina Bégin

Gina Bégin
Courses Plus Student 8,613 Points
3 Answers
David Service
12,928 Points
Transition Animation with Flex-Grow

Posted September 30, 2014 7:29pm by David Service

David Service
12,928 Points
1 Answer
orange sky
Front End Web Development Techdegree Student 4,945 Points
background-position

Posted September 27, 2014 9:44am by orange sky

orange sky
Front End Web Development Techdegree Student 4,945 Points
2 Answers
David Service
12,928 Points
Inserting HTML Entities

Posted September 15, 2014 9:44pm by David Service

David Service
12,928 Points
3 Answers

Prev Page 2 of 3 Next

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