Media Queries not working in Product Landing Page

Tell us what’s happening:
When I am trying to use media queries, they are not working. I might be doing something wrong but I don’t know what it is.

Your code so far
https://codepen.io/vikhyatsharma17/pen/NWrymEv

Your browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:82.0) Gecko/20100101 Firefox/82.0.

Challenge: Build a Product Landing Page

Link to the challenge:

Welcome to the forums @vikhyat_sharma.

This;
@@media screen and (max-width: 800px;)
is not the correct way to start writing a media query. There are a couple of extra characters (one at the beginning and one at the end).
Try reviewing the lesson on creating a media query.

Hope that helps.

Thank you for the reply. That was a silly error from my side but even after changing the media query, it is still not getting applied.

I got the solution. There should not be a semi colon inside the brackets. :sweat_smile: