My css not working why

1 
:root{
    --primary-color:#e50914;

}
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}
body{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    -webkit-font-smoothing:antialiased;
    background-color: black;
    color: #999;
}

ul{
    list-style: none;
}
h1,h2,h3,h4{
    color: #fff;
}

a{
    color: #fff;
    text-decoration: none;
}
p{
    margin: 0.5rem 0;

}
img{
    width: 100;

}
.showcase{
    width:100 ;

}
2 
img { ... }

.showcase { ... }

do specify if it’s px , em , rem or whatever measurement unit you want to use, currently you don’t have any measurement unit explicitly defined.

1 Like
3

i have tried all the measurement nothing worked so i used no measurement

4

What do you mean by “nothing worked”? Can you share codepen link or something?

5

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

6

it works on code-pen but not on browsers iam using chrome

7

what do you mean that it doesn’t work on browsers?
what are the steps you took from codepen to using it in a browser like you are saying?

8

am view it by opening live server

9

https://codepen.io/programmergamer/details/RwNyQeZ thats my link

10

so you have created the files locally and trying to open them in your browser?

11

i have created them on vs code

12

do you have a single file or two separate files one for css and one for html?

13

css and html are on one file

14

so, what’s going on?
describe, please

15

when i open the code on live server it only displays the html code only it does not display the css code why???

16

because something’s wrong
show your code

17 
type or paste code here
```:root{
    --primary-color:#e50914;

}
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}
body{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    -webkit-font-smoothing:antialiased;
    background-color: black;
    color: #999;
}

ul{
    list-style: none;
}
h1,h2,h3,h4{
    color: #fff;
}

a{
    color: #fff;
    text-decoration: none;
}
p{
    margin: 0.5rem 0;

}
img{
    width: 100;

}
.showcase{
    width:100 ;

}
18

there is the code which i used

19

your whole code
if your css code is not showing then it is not linked to html
you said you have one single file
how it is made?

1 Like
20

i linked it in html