Easy Tailwind CSS Trick to Create Responsive Websites in 1 Minute
Show more
Souvik Paul
116 subscribers
Uploaded to LYKSTAGE
Oct 20, 2024
80 Views
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: https://youtu.be/6c5T5TiGJk4 Instructions: --- Build --- 1. Copy the Tailwind CDN - https://tailwindcss.com/ 2. Paste inside 'HTML head' 3. Copy component's code - https://tailblocks.cc/ 4. Paste inside 'HTML body' --- Deploy--- 1. Head over to Netlify and Sign Up. - https://www.netlify.com/ 2. Click on 'Site' 3. Drag and drop your 'project folder' 4. Go to 'Deploy' to update your website 5. 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. #WebDev #WebDesign #Tutorial
Read more
Similar videos