DEV Community

Cover image for Media Attribute in HTML
aryan015
aryan015

Posted on

Media Attribute in HTML

#css #tailwindcss #html #wordpress

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)">
Enter fullscreen mode Exit fullscreen mode

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)">
Enter fullscreen mode Exit fullscreen mode

It will help organize your code little bit.

Top comments (0)

Read next

vaishali785 profile image

Translate & Guess: Build a Flag Quiz with Expo and Tolgee

Vaishali -

akhileshpm profile image

Understanding WordPress Architecture on AWS: It’s Simpler Than You Think

Akhileshpm -

mourya_modugula profile image

Best CSS Frameworks to Use in React.js

Mourya Vamsi Modugula -

anticoder03 profile image

🌈 CSS Animations: A Beginner’s Guide to Adding Motion to Your Website 🌈

Ashish prajapati -