Chapter 8 CSS not showing proberly

[Niels]

My page looks like this.  From comparing with the book i know the links and the header should be moved up, the links to the right corner instead of further down on the page. From the developer tool in 
Chrome it seems that the css is applied correctly. I tried to place the CSS file in the same folder as the HTML page and within a folder, both got applied according to chrome, but both wrongly it would seem. Has anyone had the same problem? I am by no means a CSS wizard so I have no clue what causes it in the css file. 

Edited October 4, 2019 by Niels
Wrong picture

[Larry]

The browser just isn't finding the CSS file, which means the HTML reference to it doesn't match where the file actually is. Do you have a CSS folder with the correct CSS files in there? Like this: https://github.com/LarryUllman/phpvqs-5ed/tree/master/08

[Niels]

Thanks for the quick reply and apologies for not getting back sooner. I had not included the concise.min.css file i tried that now, and It looks better, but im not quite certain the body is meant to be so close to the leftmost edge of the screen. 

For some reason I cant upload a new image to this thread so I made a link to imgur to show how it looks now. I hope it works: 

https://imgur.com/a/3QgTkeA
 

[daviddawn]

Hi Niel,

Try changing your .site-content class selector in your css style sheet from "padding: 50px 0;" to "padding: 50px;".

Your selector defined rules for above and below your element, not the left or right.

for quick and informative tutorials on css visit https://www.htmldog.com/references/css/properties/padding/

regards