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

mandynicole profile image

`grid` with reveal + resize on `hover`

mandynicole -

devsmitra profile image

Speech-to-Text Application In Few Lines of JavaScript and HTML

Rahul Sharma -

mino89 profile image

Quickly Design a Smashing Calendar Icon Using Tailwind CSS

pierdomenico reitano -

paharihacker profile image

10 Rarely Used HTML Tags You Should Start Using Today

Rajesh Dhiman -