༄ learn-tailwind-css ༄

Live demo: https://mistervaliant.github.io/learn-tailwind-css/

✒️ General Information

Using vanilla CSS is awesome! It is just absolutely amazing what chef d'oeuvre you can create with Pure CSS and being able to share them to the world (odin-recipes and odin-landing) 'Shameless plug' 😂.

However, as projects get more complex and with strict deadlines, it becomes crucial to use a framework or library in order to deliver more rapidly and efficiently.

🛈 About:

Tailwind CSS ༄ is a huge collection of CSS utility classes. It allows you to write less code overall. However, Tailwind does not provide pre-built components like Bootstrap. Nevertheless, it gives much better control over customisation.

🪓 Setup:

• Get started with Tailwind CSS

• Install Tailwind CSS with Create React App

• Deploying a React App* to GitHub Pages

❤️ Motivation

The main aim of learning Tailwind CSS is to experience the different CSS frameworks and libraries, and find a better and more beautiful way to efficiently code frontend or UI/UX components compared to pure CSS and Bootstrap.

👨‍💻 Technologies Used

📷 Tutorial

🔗 References

This project is a tutorial from Fireship

• Ultimate Tailwind CSS Tutorial // Build a Discord-inspired Animated Navbar

Contact

Created by @MisterValiant - feel free to contact me! 📧