Really weird error, CSS rendering in browser but not showing up?
Answered
Turkish Angora posted this in #help-forum
Turkish AngoraOP
I am creating a header for my application. I have created the styles in a SASS file and imported it into my header module, which I then import into my root layout.
The page tenders with no errors from either Chrome or Next, yet the header background color is not appearing.
When I inspect element, the CSS shows the correct color and it doesn’t have any errors or warnings beside it, it just isn’t showing up on the screen at all. Never seen this before, bug? Idk…
You can see the CSS in the inspector in this image, yet it isn’t rendering?
There are no other divs or overlays on top of it.
The page tenders with no errors from either Chrome or Next, yet the header background color is not appearing.
When I inspect element, the CSS shows the correct color and it doesn’t have any errors or warnings beside it, it just isn’t showing up on the screen at all. Never seen this before, bug? Idk…
You can see the CSS in the inspector in this image, yet it isn’t rendering?
There are no other divs or overlays on top of it.
7 Replies
Turkish AngoraOP
Anyone know the cause?
I’m really stumped on this one
@Turkish Angora I’m really stumped on this one
you said
background-color but you used color in your cssAnswer
@Dayo you said `background-color` but you used `color` in your css
Turkish AngoraOP
… can’t tell if your being serious lol
you said the background color isn't appearing, yeah?
where's your background-color property in your CSS?
Turkish AngoraOP
I’m so stupid lol. I forgot background-color was a valid css property. Lol thanks for the answer