tailwind-css-breakpoint-snippet

A simple VS Code snippet to save time when building with mobile-first utility classes.

To be placed in ~/Library/Application Support/Code/User/snippets/css.json.

Output:

/* min-width: 640px Med-large Smartphones upwards */ @screen sm {}

/* min-width: 768px Tablets upwards */ @screen md {}

/* min-width: 1024px Small laptops/monitors upwards */ @screen lg {}

/* min-width: 1280px Large desktops upwards */ @screen xl {}