Skip to content

Building the Sketch.com Landing Page with TailwindCSS

November 14, 2026 · 2 h 25 min

Show notes

Skip to 2:17:52 to see the finished product.

Uploaded 21-02-21

In this video, I rebuild the Sketch.com landing page from scratch using 100% TailwindCSS, and walk you through every one of my development decisions while doing so. I squash a couple of bugs, show you multiple ways to do the same thing, and ultimately present as realistic-of-a-workflow as possible for beginners trying to get up and running with Tailwind.

TailwindCSS is a highly extensible and minimal UI framework that lets you quickly sketch up websites, apps, and landing pages. I use it all the time for my personal projects, and I have yet to find a CSS framework as simple and easy to get started with as Tailwind.

Docs: https://tailwindcss.com/docs

Questions/comments? Let me know, more than happily help.



Learn more about your ad choices. Visit megaphone.fm/adchoices

Learn more about your ad choices. Visit megaphone.fm/adchoices

All episodes of Nick Saraev: Claude, Codex & AI Agents

Settings

Display

Language

Decides which stations you see first on the home page.

History

Recently played stations and episodes and your latest searches are only stored in this browser.

Notifications

A short notice when a podcast you follow has a new episode. Turn off single podcasts with the bell on their page.

Account

Save favorites – in the app and on the website.

Keyboard shortcuts

/
Open search
Space
Play or pause
← →
In the player: back 15 s, forward 30 s (episodes) · in a row: next tile
↑ ↓
In a row: target within the tile
Home / End
In a row: first or last tile
Esc
Close window or menu
?
This overview
Now playing

Go to station page

Play next

    Add episodes with “Play next” – they play after the current episode.