Need help getting media query to work on Project

Web Development Front-End
1

Hi everyone,

Im having trouble getting media query’s to work on my project website.
I have searched the internet for answers and every single solution hasn’t helped.

I have the correct meta tag in my head, the syntax is correct. The query is logged below the general css rule, I’m honestly baffled as to why it’s not working.

Any help would be hugely appreciated!

Thanks

2

Hi there!

Could you share your code with us, please? That way someone can look at it to see if anything can be spotted.

Thank you! :slight_smile:

1 Like
4

Hey!

Shall i just copy it into here or is there a way to upload it to here so you can see all of it?

Im fairly new here apologies for the confusion!

Thanks:)

5
CSS= .logo { width: 200%; margin-left: 100px; } @media only screen and (max-width: 480px) { .logo { width: 80%; } } HTML= <div class="top"> <img class="logo" id="logo" src="https://d375139ucebi94.cloudfront.net/pl/7ac16bcb4e724c05b31a1720175519da/37218-Papas-Barbershop.PNG" alt="image not supported"> </div>
6

Have you been able to get the media query working?

When I plugged it in, the media query took effect once the screen was smaller than or equal to 480px, appearing to be the intended result. Were you expecting something else?