Welcome to the Treehouse Community
Looking to learn something new?
Denis Zhidkov2,660 Points
Delete margin on the top when the width of the browser is over 1000 px
Why do I have huge margin on the top when the width of the browser is over 1000 px? Screenshot: https://yadi.sk/i/7zjrymiymQxe2
I tried to add this to css file and responsive file, but it didnt help...
And how can I make background image to fit the the browser (width and height 100%)?
You have an entire div that's taking that space, namely the
row-fluid thanks class div . I'm not entirely sure why it's appearing there, but that's what is causing it.
About your background image, it sounds like you want to use the
background-size: cover; property.
Ron Starski1,997 Points
Denis, That huge margin comes from margin-top property in responsive.css file. Look for it in various media queries and set it to smaller values or even 0. What's more important, put class="wallpaper" on body tag and remove it from div, then you will be able to remove that horrible min-height from various media queries. Remove that fixed min-height from everywhere in responsive.css file, you no longer needs it when wallpaper will be set on body element.