Media query trouble

HTML & CSS
1

Hi,

please see https://forallthetime.com/BI-M/index.html

i am trying to make the logo smaller at 800 px to the size of 2rem

.logo {
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  color: white;
  font-size: 25px;
  font-family: "Parisienne", cursive;
  font-weight: 400;
  font-style: normal;
  margin-right:0;
}
@media screen and (max-width: 800px) {
  .logo {
    font-size:2rem ;
  }
}

not working :frowning:

where is my problem?

thanks!

2

You do not have any element which has class logo.

The HTML of your logo is:

<img src="https://forallthetime.com/BI-M/IMAGES/buck-island-high-resolution-logo-transparent.png" alt="logo">

Currently your logo has a width of 24rem from line 23 of style.css.

Your logo is an image, not text, so font styling is inappropriate.

3

THANKS!

i fixed it :slight_smile:

crisis averted

1 Like