Using CSS media queries to create responsive design

Written by

It’s crusial now to make websites and web applications fit different screen sizes, especially mobile screens.

To achieve that, one way is to use CSS media queries.

Here’s an example:

@media only screen and (max-width: 600px) {
  .logo{
      width: 50px;
      height: auto;
  }
}

Comments