Treehouse | Community | Building a Navigation Bar 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

Magdalena M
7,078 Points
Another possible solution

Posted November 7, 2023 3:10pm by Magdalena M

Magdalena M
7,078 Points
1 Answer
Frank Book
308 Points
3 elements solution

Posted June 28, 2023 3:23pm by Frank Book

Frank Book
308 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
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
Michał Nowak
2,809 Points
Position left/right

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

Michał Nowak
2,809 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
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
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
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
Jonathan Nilsson
753 Points
Does Flexbox replace "Media queries?

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

Jonathan Nilsson
753 Points
1 Answer
Cory Stover
3,341 Points
Do we HAVE to have a separate flexbox css file or can that also be in the main css file?

Posted October 22, 2018 2:39pm by Cory Stover

Cory Stover
3,341 Points
1 Answer
Bryan Cortez
Front End Web Development Techdegree Student 6,176 Points
Using [Margin-right: auto] instead

Posted October 15, 2018 12:52am by Bryan Cortez

Bryan Cortez
Front End Web Development Techdegree Student 6,176 Points
1 Answer
ammarkhan
Front End Web Development Techdegree Student 21,661 Points
Why .main-header is not stack as a column?

Posted August 2, 2018 11:12pm by ammarkhan

ammarkhan
Front End Web Development Techdegree Student 21,661 Points
1 Answer
Erica Holland
13,621 Points
I'm trying to implement the flexbox in my nav/main-header as done in the video and am not having any luck making it work

Posted June 13, 2018 3:57pm by Erica Holland

Erica Holland
13,621 Points
1 Answer
Jake Kobs
9,215 Points
Mobile first before implementing media queries?

Posted May 27, 2018 4:08am by Jake Kobs

Jake Kobs
9,215 Points
1 Answer
PLUS

Ramesh Kunwar
Courses Plus Student 4,066 Points
background image

Posted May 21, 2018 9:00am by Ramesh Kunwar

Ramesh Kunwar
Courses Plus Student 4,066 Points
1 Answer
nuttapongtonglum
2,349 Points
How's the code if i want a dropdown menu with flexbox?

Posted April 14, 2018 1:48pm by nuttapongtonglum

nuttapongtonglum
2,349 Points
1 Answer
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
align-items

Posted January 8, 2018 12:43pm by Aakash Srivastav

Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
2 Answers
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
Auto margin

Posted January 8, 2018 10:15am by Aakash Srivastav

Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
2 Answers
Y B
14,136 Points
Flexbox, flex shorthand doesn't give same results as flex-grow

Posted June 2, 2017 11:53am by Y B

Y B
14,136 Points
2 Answers
Jordan C
6,249 Points
Can you use "margin-right: auto;" on the name in the header to make it so the name and nav are against opposite edges?

Posted April 20, 2017 11:00pm by Jordan C

Jordan C
6,249 Points
4 Answers
Pawel Sysiak
3,920 Points
Should I use normalize.css?

Posted April 7, 2017 1:29pm by Pawel Sysiak

Pawel Sysiak
3,920 Points
3 Answers
PLUS

Tim Acker
Front End Web Development Techdegree Graduate 31,247 Points
A simpler solution?

Posted January 31, 2017 4:28pm by Tim Acker

Tim Acker
Front End Web Development Techdegree Graduate 31,247 Points
4 Answers
Learning coding
Front End Web Development Techdegree Student 9,937 Points
How do I get three columns next to each other?

Posted January 17, 2017 3:15pm by Learning coding

Learning coding
Front End Web Development Techdegree Student 9,937 Points
4 Answers
Learning coding
Front End Web Development Techdegree Student 9,937 Points
Why isn't the underlining in the Blog button removed when I use "text-decoration: none; ?

Posted January 15, 2017 7:45pm by Learning coding

Learning coding
Front End Web Development Techdegree Student 9,937 Points
1 Answer
Learning coding
Front End Web Development Techdegree Student 9,937 Points
How to upload the logo in the flexbox navbar?

Posted January 15, 2017 7:40pm by Learning coding

Learning coding
Front End Web Development Techdegree Student 9,937 Points
1 Answer
deepak sharma
3,844 Points
Same display property flex showing different result.In .main-header showing as column and in .main-nav showing inline ?

Posted January 2, 2017 6:22am by deepak sharma

deepak sharma
3,844 Points
1 Answer
Dominika Hołota
4,936 Points
Different solution?

Posted November 19, 2016 2:25pm by Dominika Hołota

Dominika Hołota
4,936 Points
2 Answers
Daniel Kip
5,922 Points
display: flex just once is enough?

Posted September 12, 2016 1:44pm by Daniel Kip

Daniel Kip
5,922 Points
3 Answers
James Barrett
13,253 Points
Responsive Web using Flexbox

Posted July 22, 2016 2:10pm by James Barrett

James Barrett
13,253 Points
0 Answers

Prev Page 1 of 2 Next

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