Media Queries in CSS

 Media Queries in CSS

Media queries allow you to apply different styles based on the size of the user's screen or device. Here's an example of how to use a media query to make an element's font size smaller on smaller screens:

css

p {

  font-size: 16px;

}

@media (max-width: 768px) {

  p {

    font-size: 14px;

  }

}

This will apply the smaller font size to the p element when the screen size is 768 pixels or smaller.