DEV Community

Play Button Pause Button
Souvik Paul
Souvik Paul

Posted on • Updated on

Easy Tailwind CSS Trick to Create Responsive Websites in 1 Minute

In this video, I've talked about how you can build and deploy a professional website in just 5 minutes. In this video, I've talked about TailBlocks. It's a project build with Tailwind CSS. It's basically a library of readymade web components created by using Tailwind CSS.

How to use Repl, the online IDE?


Watch more videos:



--- Build ---

  1. Copy the Tailwind CDN
  3. Paste inside 'HTML head'
  4. Copy component's code
  6. Paste inside 'HTML body'

--- Deploy---

  1. Head over to Netlify and Sign Up.
  3. Click on 'Site'
  4. Drag and drop your 'project folder'
  5. Go to 'Deploy' to update your website
  6. Enjoy.


00:00 - Intro
00:18 - What is Tailblocks?
00:27 - Step 1: Create a New Project
00:43 - Step 2: Add the CDN
00:55 - Step 3: Pick a Web Component
01:10 - Step 4: Commit your changes
01:22 - Step 5: Deploy
02:03 - Outro
02:11 - Disclaimer

Thank you for watching :)

Watch my other videos:

Screenshot Hack:
Internet of Things:
Best Image API:
Remove Bg:

Let's talk:

FB Page:

Thank you for reading.

Top comments (1)

moopet profile image
Ben Sinclair
img {
  max-width: 100%;
Enter fullscreen mode Exit fullscreen mode

If you write HTML, that'll do you well for everything except tables.