2020-06-05
1252
#css
Nada Rifki
19827
Jun 5, 2020 â‹… 4 min read

10 Tailwind CSS tips to boost your productivity

Nada Rifki Nada is a JavaScript developer who likes to play with UI components to create interfaces with great UX. She specializes in Vue.js and loves sharing anything and everything that could help her fellow frontend web developers. Nada also dabbles in digital marketing, dance, and Chinese.

Recent posts:

next js link component

How to use the Next.js Link component to optimize navigation

With features like automatic prefetching and seamless integration with dynamic routing, Link helps you create a fast and responsive web application.

Chimezie Innocent
Mar 31, 2025 â‹… 5 min read
tanstack table react table

A complete guide to TanStack Table (formerly React Table)

Discover how to use TanStack Table, formerly known as React Table, to build a table UI for a variety of use cases.

Paramanantham Harrison
Mar 28, 2025 â‹… 14 min read
javascript object prototypes

JavaScript prototypes: How objects inherit properties and methods

Explore what prototypes are, how the prototype chain works, and how to use the prototype chain to create inheritance between objects.

Ibadehin Mojeed
Mar 28, 2025 â‹… 7 min read
set up Node.js with TypeScript and Express

How to set up TypeScript with Node.js and Express

Set up TypeScript with Node.js and Express, focusing on configuring key elements for a smooth development experience.

Aman Mittal
Mar 28, 2025 â‹… 9 min read
View all posts

3 Replies to "10 Tailwind CSS tips to boost your productivity"

  1. Hi i’ve add new breakpoint like this

    module.exports = {
    theme: {
    screens: {
    xs: “375px”,
    m: “425px”,

    sm: “640px”,
    // => @media (min-width: 640px) { … }
    md: “768px”,
    // => @media (min-width: 768px) { … }
    lg: “1024px”,
    // => @media (min-width: 1024px) { … }
    xl: “1280px”,
    // => @media (min-width: 1280px) { … }
    },
    },
    };

    but when i test

    DIdntWorK

  2. In my case I wanted to extract everything into components but have overwritable styles for said components. You can use @apply inside of a vue components scoped style to do that. Best of both worlds.

Leave a Reply