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
Andrea Monty
2,724 PointsMain nav and main content not working correctly with Flexbox
My main nav is acting as though it is inside the main content div? I created a Gist for my code. You can see it all there. Thanks!!!
https://gist.github.com/almonty67/5de516191d5b239e7fdc8eb65a04c6f0
Andrea Monty
2,724 PointsHi John,
I am not sure what is going on. I am still new at all this and i do apologize if I am not asking correctly-not my strongest point yet! Here is my work space, maybe you can see something there in the browser? I appreciate your help!!!
Sam Gord
14,084 Pointsin the style.css file change the .main-content style like this
@media (min-width: 769px) {
.main-content {
margin-top: 8em;
}
}
1 Answer
John Ireland
6,585 PointsI'm so sorry, I've been away for a bit. just took a look at it, and it says the page doesn't exist? Did you get it figured out?
John Ireland
6,585 PointsJohn Ireland
6,585 PointsI only looked at the code, and not what it shows in the browser, but I think I've had that issue before myself recently. Have you tried positioning your nav with Relative Positioning, then moving it where you want? You may or may not have to adjust the positioning for different screen sizes if its flexbox, and things are moving. Remember, make your media queries based on when your design breaks.