Nada Rifki
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:

Exploring Actions And Request Rewriting In Astro

Exploring actions and request rewriting in Astro

Astro v4.8 ships with server actions and request rewriting. Let’s see how to use these long-awaited (though still experimental) features.

Ivaylo Gerchev
Jul 17, 2024 ⋅ 13 min read
Comparing Fiber Vs Gin For Go Web Development

Comparing Fiber vs. Gin for Go web development

Go Fiber and Gin are two popular Go frameworks that provide extensive toolkits for developing high-performance apps with modern features.

Temitope Oyedele
Jul 17, 2024 ⋅ 8 min read
Leveraging Typescript Branded Types For Stronger Type Checks

Leveraging TypeScript branded types for stronger type checks

Branded types in TypeScript allow us to write code more clearly, provide more type-safe solutions, and maintain our code more efficiently.

Rashedul Alam
Jul 16, 2024 ⋅ 5 min read
Zoneless Change Detection In Angular 18

Zoneless change detection in Angular 18

Angular v18 introduced an experimental feature called zoneless change detection, eliminating the need for Zone.js.

Yan Sun
Jul 15, 2024 ⋅ 5 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


  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