Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Build a Responsive Navigation with Flexbox

Posted by Iain Simmons
Iain Simmons
Treehouse Moderator 32,305 Points

Flexbox Responsive Nav: different code, same result

First up, Guil Hernandez, you accidentally click the auto-suggested CSS property align-items at 17:34 in the video and ended up with the following code:

@media (min-width: 1025px) {
  .main-header {
    flex-direction: row;align-items:
  }
}

Second, you add margin-right: auto to the .site-logo, but could achieved the same result by changing the justify-content property on the .main-header to space-between:

@media (min-width: 1025px) {
  .main-header {
    flex-direction: row;
    justify-content: space-between;
  }

This would have saved an additional CSS rule/block/selector, and sort of makes more sense when doing everything else with flexbox.

In any case, great little workshop. I love flexbox! I built my photoblog with it:

Antonio Jaramillo
Antonio Jaramillo
15,604 Points

Nice comment. Thanks.