Welcome to the Treehouse Community
Looking to learn something new?
Mobile Website Complete, No Margin or Padding on Left Side Only When Browser Made Small
When I see Nick look at his website, which I believe my code to be almost identical to besides adding my own pictures and such, there is either a margin or padding for the text and images on both the left and right when the browser is shrunk to a mobile size.
After getting this far, the only difference I have noticed is that my text and images are riding up against the left of the screen with no apparent margin or padding taking effect there.
I am new to CSS but after reviewing my code I can't figure out why this is the case. Could anyone offer any help?
The only thing different on my project is some padding on the wrapper
max-width: 940px; margin: 0 auto; padding: 0 5%; }
Try that if not post the responsive stylesheet so we can look at that
in you html, in your img tag you alt is wrong should be
<img src="img/Newport_Seagull.JPG" alt="">
<img src="img/Newport_Seagull.JPG" alt "">
you'll notice the quotes after alt are orange. you need the equal sign after alt and before your quotes.