Missing some css styling after being deploy

I’ve read through the Common Issues but could’nt find anything related to this topic. I’m running into issues where my live site is missing css that I’ve added to particular class names. The css shows in the inspector tool of my localhost but not for the live site. I also have my site connected to my github’s repo.

Can anyone tell me what might be the cause of this issue?
Does it have to do with how the build was ran or something else?

Here is a screenshot of my inspector tool for my live site. As you can see, I have a class='product'and no css shown for it.

This is the code I have written for that className:
.product { display: flex; flex-direction: column; align-items: center; margin: 5% 1%; }

Any help would be greatly appreciated!

Hi @dannyshien, looks like you have your css filenames with hashes. You can read about here: [Common Issue] How does Netlify’s CDN handle caching files? on how it may affect your site. You’ll want to make sure you aren’t adding hashes to your filenames. If you still see issues, can you link to your site?