Easy Media

To all the Frontend Developers out there, We have came up with the solution called "Easy Media" to write the media queries in more faster and convinient way than usual. As we all know, Maintaining the responsiveness of website, Sometimes we need the help of media queries. And Easy Media will surely help you out to achieve the same.

Features

There are three keys this extension mainly provides.

1. media
2. maxmedia
3. minmedia

The main purpose of this keys is Specificity.

Overview of features

media

Above key will generate following css code

@media only screen and (max-width: 991px) and (min-width: 768px) {
}

maxmedia

@media only screen and (max-width: 991px) {
}

minmedia

@media only screen and (min-width: 991px) {
}

Installation

You can simply install Easy Media on your machine.

Or

Open the extension tab in VS Code and search for Easy Media.