Kevin Powell - Community•11mo ago

Where to place media queries when nesting with SASS?

Having trouble on making my page responsive once it hits (min-width:50rem), My "@media" is at the bottom nested inside the body.

1 Reply

Tenkes•11mo ago

you can just put it directly into .title like so:

.title {
   font-size: 2.2rem;
   font-weight: 400;
   color: #fff;
   margin-bottom: 0.9em;

   @media (min-width: 50rem) {
        font-size: 5rem;
    }
}

.title {
   font-size: 2.2rem;
   font-weight: 400;
   color: #fff;
   margin-bottom: 0.9em;

   @media (min-width: 50rem) {
        font-size: 5rem;
    }
}

Gaming

Programming

Where to place media queries when nesting with SASS?