Css not working on deployed react app

Support
1

Hello.

I have deployed this react app:

https://tender-fermat-3d5fca.netlify.app/about

And precisely in that particular page the slider at the bottom is not picking up the css to center the content. I can see the css code here:
https://tender-fermat-3d5fca.netlify.app/static/css/main.12313af2.chunk.css

It’s precisely this one:
.slick-slide>div{display:flex!important;justify-content:center!important}

So why could it be that it’s not actually applying it?

Thanks in advance

2

Hi @ManuC84,

Your CSS has a syntax error. There’s an extra semi-colon here:

image

Removing that seems to fixe the issue.

Let us know if you have any additional questions.

2 Likes
3

yay! that did it. I had seen a stackoverflow post where the user had the issue with the semicolon but I didn’t have any semicolon in my file, the damn semicolon was in another file(done by a project partner from my course). Thanks a ton for solving my problem!