Class function issues within product landing page

Hi all, firstly, I would like to say what a fantastic community this is. I have been dipping in and out of this forum to see if others have had the same issues as myself and using the feedback alongside my own coding.

The problem I am experiencing today is that whenever I am using the class function is CSS like this:

.logo {
  width: 60vw;
  @media (max-width: 650px) {
    margin-top: 15px;
    width: 100%;
    position: relative;

both the widths vw and % are both remaning white and are reflecting within my page.

If anyone has any ideas on why this is I would greatly appreciate an answer.

(my apologies if I dont respond instantly. The wife is adament that I decorate the living room today)

Many thanks

Syntax for media queries is not like that, you need to add the css selector inside the media query

@media (/* condition */) {
   .logo {
      /* rules */

1 Like

Thank you for that. I can see where I was getting lost over it now