How to create a simple hero section with HTML & CSS

Today we are going to create a Hero section using only HTML & CSS. This is for beginners. Here we showed how we can create a simple hero section using flex box and also some technique that can be helpful.

🔔subscribe and turn on the notification bell.

Timestamps -
00:00 - Preview
01:27 - HTML
02:58 - CSS
16:34 - Tutorial Conclusion

🐱‍🏍 Support The Channel

Follow Arfan 👇👇

▶ Also Watch :

▶ Some useful Playlist :

🌐 Join The Community :

#webcifar

[webcifar]

🔔subscribe and turn on the notification bell.

[bane]

I've never seen someone use html in a media query to change the font size. This does seem easier. Thank you sir

[TheGRiordan]

Super helpful and very clear! Thank You so Much :)

[reynold]

Sorry I can only give you one thumbs up! Great explanation! Thank you very much.

[salimtlemcani]

really insightful thank you very much :). best of luck in your future endeavours!

[samahgad]

very clear and helpfful . thanks alot.

[MroLdsma]

thanks for explaining the font sizes and rem

[jasonlrydberg]

Great video learned a lot. was wondering however what VSC theme are you using and more specifically whats the name of the font-family ?

[charlenecodes]

Thank you sooo so much! I really appreciate this tutorial since you saved me from so much stress for my project in such a short amount of time. Please keep posting and you earned my subscription

[OVERSKETCH]

Hey, i know this is good tutorial and all, but for some reason even though i followed the exact codes u used my website is still not the same as you. Im stuck at the font part, didn't changed at all. also the background image was not showing up. Can you please make a tutorial as to how to fix that problem...

[rasool]

Sir actually what is meant by hero section

[liaignatius]

I have a problem in the background image url .. please give me a solution

[rafiabubakar]

how can you get that import URL, i don't understand at all