My css not working why

My css not working why
0
: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 ;

}
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

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

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

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.

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

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?

am view it by opening live server

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

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

i have created them on vs code

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

css and html are on one file

so, what’s going on?
describe, please

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

because something’s wrong
show your code

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 ;

}

there is the code which i used

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

i linked it in html