Why this code isn't behaving the same in PC as it is working in code Playground?

Question

https://code.sololearn.com/WXQliY1UjeEv/?ref=app

Answer 1

Well these issues you're seeing are probably browser independent so lets start by following some standards and cleaning up your css. First there is a bunch of unneeded redundancies that you can remove from the #head{} section of your css file. Next the all your color names should be all lowercase. Some browsers are fine with all lowercase, uppercase, camelcase etc but lowercase should work 100% of the time. (or at least close to it) Then we can address the issue of the shadow which means you probably need to add some browser prefixes to your shadow setting to work with other browsers.

#main,
#head {
text-align: center;
font-size: 26px;
background-color: darkgreen;
color: white;
padding: 30px;
margin-top: 20px;
-webkit-box-shadow: 8px 8px 8px red;
-moz-box-shadow: 8px 8px 8px red;
-ms-box-shadow: 8px 8px 8px red;
-o-box-shadow: 8px 8px 8px red;
box-shadow: 8px 8px 8px red;
border-radius: 50px;
}

#head {
font-size: 30px;
font-weight: bold;
}

Answer 2

Thanks @ChaoticDawg I Will Try It And Then I'll Inform U

Answer 3

Really Thankful To You @ChaoticDawg That You Helped Me !

Answer 4

And Shadow is also not working

Answer 5

there are two columns one is head and second is main and in code playground it is showing the table elements in a sequence like in head for example it is written Table of 6 and in the second column mean main column other table elements but in my PC all contents are being shown only in head column and nothing is coming in main column.

Answer 6

Just tested by copying to my computer and it ran fine. What is it doing that isn't the same for you?

Make sure that your project structure is correct on your PC.

index.html // File at root
css // folder at root
css/styles.css // File in the css folder above