Organic Landing page using Tailwind CSS | Speed Code
HTML-код
- Опубликовано: 9 окт 2021
- Hi there, let's build this beautiful landing page using Tailwind CSS. Hope you guys like it.
Credit for the design :
www.behance.net/gallery/12364...
Github :
github.com/tailwindcollection...
Demo :
tailwindcollections-organic.n...
Follow Me on Twitter :
/ twncollections
Available for work
www.fiverr.com/s2/97085c94d4 - Наука
i started using tailwind recently and while scrolling through youtube i found this video and man u are nice . learned more from u tnx
I'm immensely enjoying these. Please keep them coming
Keeping the browser to the right and saving the changes to see the output then and there in the browser helps learn better.
Nicely done! How did you get access to the raw images used in the design pls?
Awsome
mantap
bro O_O my dream is make code like that!
I like this style of tutorial, fast, to the point and no talking. It would be helpful if you provided a link to your code, right now I don't know how your project is set up, which versions you're using, I tried to follow along but it's not working
I'm sorry, I think I forgot to attach the demo link. You can see the description again. I've updated it. 😊
How do you get access to the font being used? And the rest of the image?
Hey i'm loving your videos!❤️👏. I have a request, can you make a video for a responsive mega menu with tailwind. Cheers
Okay, good idea 👍
@@Tailwindcollections yeah, I'd love to see it too
Can you tell me what do I have to do if i want my editor put for example my div values in next line ( for example 2:06 (line 14) - it moves everything from 1 line in 3 lines)
Do you mean auto format? I set the vscode to format on save, so whenever I save the file it will auto format it. I use Volar extension for the formatter.
perfect content. how did you get all assets from original design?
I not sure but I think I got the figma design from somewhere. Maybe if you search for "fueler" in the internet you can find it.
I copied your code and the group-hover animation does not work on my vite project. Is that a special configuration of tailwind ?
Did you copy the tailwindconfig.js as well? I think it's because the JIT mode
Because of mobile first era, you should make your codes responsive as well.
What it’s the name of the extension for auto fill tailwind on vscode? Nice video btw 🤯
It's Tailwind CSS IntelliSense
thanks for video , like and sub , more videos pls
I didn't know there was a class like :class="....."
where I could read the references?
It's vue specific. Here is the link vuejs.org/guide/essentials/class-and-style.html
Demo link is not working
It's working fine 👍
But it's not responsive yet, there will be in part two 🙂
@@Tailwindcollections Great tutorial. Can you please guide how to become master with css and tailwind css?
@@Tailwindcollections when can we expect part two?
Sorry, there will not be part 2. but the demo site is already responsive 😊
Forgot to make it mobile friendly D:
I recommend you not record speed code! I think it would be more useful if we have a precise and normal proejct with logical speed