Tailwind Crash Course | A Practical Guide | With Theming
HTML-код
- Опубликовано: 13 авг 2024
- In this one we'll go over how to setup Tailwind and how to set it up with theming as well.
Finished Code:
wolfdencode.netlify.app/proje...
Timestamps:
00:00 What we'll be building
00:30 Tailwind Setup
2:50 Desktop Navbar
10:30 Mobile Navbar
12:10 Navbar Javascript
13:20 Hero Section
17.20 Cards Section
20:10 Contact Section
23:15 Footer
23:55 Theming
27:00 Thanks For Watching!
Check out our website:
wolfdencode.netlify.app
Social Media:
Github - github.com/WolfDenCode
Twitter - / wolfdencode
#coding #webdevelopment #html #css #code
keep it up! waiting for more projects using react and tailwind
Thank you, there might be some coming in the future!
thanks brother. for taking my suggestion
It was my pleasure, glad you liked it.
Quick question can we make external file for tailwind css to cooperate with our html code?
The tailwind.config.js file is supposed to be an external file to configure and customize tailwind.
You can also define custom classes there if you want, but you can also create a seperate style.css and use it as usual in combination with the tailwind classes.
Tailwind just provides some basic classes, they can also be overwritten , just make sure the css that overwrites it comes after the tailwind scripts.
@@WolfDenCode thank you for the information