Welcome to the Treehouse Community
Looking to learn something new?
Matthew Ashman4,364 Points
What in the world did I do!?
I was fiddling around with the HMTL/CSS trying to do the challenge by myself like a good little boy, and then BOOM -- my image takes up the whole screen; footer is whacked; and overall, the thing is just a mess.
I try following along with the next video (and downloaded to zip, to see code for code what was different) , tried making the adjustments, and still -- the IMG dominates my page.
Just wondering if anybody could shine some light on what I did, so I can learn from this wonderful catastrophe! Thank you in advance,
Jeff Spelis21,304 Points
On line 65 you forgot to the end curly brace for your
.main-nav a selector, so the
on line 103 was being ignored, and the logo image was set to the full width of the browser because of the img selector on line 35:
In the future the W3C Validator @ https://jigsaw.w3.org/css-validator/ is a helpful resource to catch missing curly braces, typos, etc..
It seems as though your SVG items are defaulting to full width. I would try putting a set width on them, whether a percent or a pixel amount. This will at least get them to a size you'd like, although it doesn't force them to their 'native' size.