Easy Tailwind CSS Trick to Create Responsive Websites in 1 Minute
  • 3 years ago
n 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: https://youtu.be/6c5T5TiGJk4

Watch more videos:
Now: https://bit.ly/3uDiFUs

Instructions:
--- Build ---

Copy the Tailwind CDN
https://tailwindcss.com/
Paste inside 'HTML head'
Copy component's code
https://tailblocks.cc/
Paste inside 'HTML body'
--- Deploy---

Head over to Netlify and Sign Up.
https://www.netlify.com/
Click on 'Site'
Drag and drop your 'project folder'
Go to 'Deploy' to update your website
Enjoy.
Timestamps:
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: https://youtu.be/XPd2PtHpKnE
Internet of Things: https://youtu.be/ktrY7jSkyOU
Best Image API: https://youtu.be/exONWV2Y3hQ
Remove Bg: https://youtu.be/ittFg7dZmcQ

Let's talk:
Instagram: https://instagram.com/amisouvikpaul
Twitter: https://twitter.com/thesouvikpaul
Facebook: https://fb.com/thesouvikpaul
FB Page: https://fb.com/amisouvikpaul

Thank you for reading.