How to Build a Hero Section with HTML and Tailwind CSS (Simple Tutorial)

Link to Repo: github.com/Zac...
Join my Discord 👾: / discord
Learn how to build prettier hero sections on your website with beautiful Hero Sections 🙂.
In this video I'm using HTML and Tailwind CSS's CDN to build the hero section and show you the example of how it's done.
Want me to teach you how to code? Join me on Discord 🙂: / discord

[@jas.6x]

First time I've seen a front end video with vim keybinds. Respect!

[@zackplauche]

Vim is underrated haha.

[@th3ja]

Clear and straightforward! Awesome!

[@zackplauche]

Thanks! Are there any other elements you're struggling with? I was thinking of making a video making a Navbar with different technologies.

[@Francomwasyola]

finaly !!!! was looking for this in months , Thank you man your the best!!!!

[@zackplauche]

Glad you liked it! 🥳

[@zackplauche]

I was looking for this same tutorial for a long time too lol. I can't believe there aren't more videos on this 🤣

[@kimitawanjohi7993]

thanks alot man, for a moment I thought It was cris Hemsworth lol😂

[@zackplauche]

I'll take that as a compliment lol

[@WebDeveloper-xs4uf]

How do you actually load images from images folder using Tailwind.

[@garytraffanstedt]

You can use a normal image tag or if you are using a framework, you may have a framework specific method. I use Next.js which has the Image component. For example with Next.js there is the Image component. TailwindCSS is a CSS library and doesn't have an image loader of its own.

[@zackplauche]

This is a question of html, not tailwind css 🙂.
If you're using a background image, you can use the normal css property of background or background image.
ex:

[@08DARKRAGE80]

My only question is where I can find that wallpaper

[@zackplauche]

Here you go buddy 🙂: wallpapercave.com/w/wp2314155

[@leonardoncintra]

on responsibe screen not working!

[@zackplauche]

*Responsive and hmm, what do you mean exactly? Which part? The Navbar was just built to be basic. It typically takes longer to build and style a mobile menu. Separate video usually.

[@abdisaha2039]

How to use local image, currently I'm using Laravel 10

[@zackplauche]

Not sure, never used Laravel.

[@DamonMedekMusic]

Cmd + B! Cmd + B! Cmd + B! Cmd + B! Cmd + B! Cmd + B! Cmd + B! Cmd + B! Cmd + B!!

[@zackplauche]

Haha I'm learning that more and more from you guys haha. Thanks!