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

meetqy profile image

AISEKA Color Tool Website

meetqy -

mike_andreuzza profile image

Learn how to animate objects with Tailwind CSS and Alpine JS intersection observer

Michael Andreuzza -

morewings profile image

Let's create Data Table with React, TanStack Table and Tailwind CSS. Part 1: Intro and HTML layout

Dima Vyshniakov -

coderosion profile image

How to set up a basic Html, css and javaScript project

daniel ukuhor -