All topics
Frontend · Learning hub

Tailwind CSS cheat sheet & developer notes

Tailwind CSS cheat sheet and 3 curated developer notes — core concepts, patterns, and interview prep. Maintained by the DevRecall team.

Save this stack to your DevRecallTest yourself — Tailwind CSS quizMore Frontend notes
01 · Tailwind CSS

Interview Questions

Tailwind CSS Interview Questions. Q: What is utility-first CSS and what are its benefits?. Utility-first CSS uses small, single-purpose classes (like flex, mt-4, text-blue-500) directly in HTML instead of writing custom …

Read
02 · Tailwind CSS

Responsive, Dark Mode & Config

Responsive, Dark Mode & Config. Responsive Breakpoints. sm — 640px+. md — 768px+. lg — 1024px+. xl — 1280px+. 2xl — 1536px+. <!-- Mobile-first: base = mobile, add breakpoints for larger screens --> <div class="text-sm md…

Read
03 · Tailwind CSS

Utility Classes & Layout

Utility Classes & Layout. Spacing. <!-- Padding: p-{n}, px-{n}, py-{n}, pt/pr/pb/pl-{n} --> <div class="p-4"> <!-- padding: 16px --> <div class="px-6 py-3"> <!-- padding-x: 24px, padding-y: 12px --> <div class="pt-2 pb-8…

Read
From the community

Notes from developers

See all in Frontend →
Reactfrontend

Zustand

No preview available.

Apr 2, 2026
View

Related stacks

AccessibilityAlpine.jsAngularAnt DesignAppKitAstroAxiosBabelBlazorBootstrapCSS ModulesChakra UI
Browse all stacks →

Keep your Tailwind CSS knowledge sharp.

Save this stack to your personal DevRecall — add your own notes, track what you're learning, and share what you know with the community.

Get started — free forever