Media Attribute in HTML

Syntax

1. This will include styles.css only if the screen width is 600 pixels or less.

<link rel="stylesheet" href="styles.css" media="screen and (max-width: 600px)">

Possible Use-case

<link rel="stylesheet" href="desktop-styles.css" media="screen and (min-width: 1024px)">
<link rel="stylesheet" href="mobile-styles.css" media="screen and (max-width: 600px)">

It will help organize your code little bit.