Bummer! You have been redirected as the page you requested could not be found.

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

Posted by Francis Roslak
Francis Roslak
Courses Plus Student 5,026 Points

Still Having Responsive Issues

https://w.trhou.se/y3zutwafdu

I can't see where my code is wrong, please help! I went through the lesson again and nothing seems out of order, yet my captions still get larger than they should on the smallest and largest screen sizes and my nav still breaks on the smallest screen size with weird size captions as well. This happens using firefox and chrome.

Francis Roslak
Francis Roslak
Courses Plus Student 5,026 Points

I could really use the feedback, thanks!

1 Answer

David Royer
David Royer
10,026 Points
David Royer
David Royer
10,026 Points

Hi Francis,

For the navigation:

With the current CSS, the amount of width allowed for the links is 45% and they are running out space to all fit once you shrink the window.

You could fix this in a number of different ways such as deceasing the font-size of the navigation links but I choose this approach to fix your issue instead...

1) Increase the allotted amount of width for the links.

2) Decrease the allotted amount of width for the logo by the same amount and then slightly decrease it's font size.

nav {
    background: none;
    float: right;
    font-size: 1.125em;
    margin-right: 5%;
    text-align: right;
    width: 50%;
  }

  #logo {
    float: left;
    margin-left: 5%;
    text-align: left;
    width: 40%;
  }

  h1 {
    font-size: 2.3em;
  }

Let me know if that makes sense.

In regards to the captions, I wasn't sure what you meant. From what I could see, I never saw them do anything odd.

David

Francis Roslak
Francis Roslak
Courses Plus Student 5,026 Points

David thanks for the advice. There are so many bells and whistles with css it gets crazy! I appreciate the help.