How to Change the font size of above and below screens using media queries?

How to implement above and below screen size media queries?

I have been trying to implement media queries with screen 370px with font size of 12 with below screen and font size of 14 with above screen but no luck yet? How would I do that?

I m little bit confused.
Here is my code.

@media only screen and (max-width: 370px) {
  .icon-column__title {
    font-size: 12px !important;

There is nothing syntactically wrong with the CSS snippet you pasted in here, but it is impossible for us to know why it isn’t working because it is out of context. You would need to show us all of your HTML and CSS before we could really help you. A link to your project would be best.

if you are doing it in an app like VSC (Visual Studio Code) you can just write the code or put it into codepen. but to help we your code

Thanks to both of you… This issue is Done. :slight_smile: