Some parts of the css stylesheet not rendering using Hugo server -D

Hello! I am new to building Hugo themes and I have been searching for this particular problem of mine but cannot find solution for it. I’m currently trying to develop a theme for my website using Hugo, but the problem that I’m facing is some parts of my CSS stylesheet is not rendering when I use hugo server -D. But when I build the pages, the CSS works fine.
Here is the single page template:

{{ partial “header.html” . }}
<div class=“single-img”></div>
<div class=“overlay”></div>
<main class=“main container”>
<div class=“breadcrumbs”>
<span class=“breadcrumbs-span”>…

The second line css just after the header partial code is not getting rendered. What is the problem I’m facing?

Hey! Is your code publicly available somewhere? If so, please share a link! If not, please make a minimal reproducible example and share that.

It’s hard to debug the issue without that. Hugo does a lot of things, so there’s a lot of possible things that could be the problem :slight_smile: