Responsive Contact Section using Tailwind CSS

This video demonstrates building a responsive contact section with a form with Tailwind CSS. You will learn adding more colors, some flex utility classes and more, using Tailwind CSS
Here is the link to Starter Kit GitHub repository:
github.com/Thi...
#tailwind #tailwindcss

[@maksymdudyk1718]

Thank you, Thirus, you have certainly broken the rule by providing short & high-quality tuts. If you bring your lessons into a system, you are destined to skyrocket as an influencer.

[@Thirus]

That’s a very big compliment, thank you! 😊

[@nishantbhandari8123]

Mam your teaching skill are to awesome. I learn so much thing from your tailwind playlists. This playlist is one of the best for tailwind in whole UA-cam

[@Thirus]

Thank you Nishant 😊

[@alabaganne3772]

You deserve more popularity

[@Thirus]

Thanks so much! 😊

[@pnqphong95]

What a fantastic video!. Thank you and have a good day Thirus.

[@Thirus]

Thank you ☺️ You too!

[@lina_adil]

I love your videos, Keep up with the good work. You’re helping so many including myself

[@Thirus]

Thank you very much. Your comment made my day :)

[@ghofranedarragi5601]

thank you for this tutorial clear and simple to understant

[@Thirus]

You’re welcome!

[@asadgaming3937]

Really it's a very very help full video . Thank you so much give this type of video

[@Thirus]

You’re welcome :)

[@Samruddhi_Chavan_20]

It's a wow, fabulous. Thankuhh for the vdo mam

[@Thirus]

You’re welcome

[@SusanthCom]

Thanks 👍 good job.
Please come up with :
1.parallax scrolling design.
2. Image gallery

[@Thirus]

Sure, I’ll add to my list. Thank you!

[@sujeetkumar-if7mm]

Thank you so much. Explained very well. Very helpful.

[@Thirus]

You’re welcome!

[@adisakjantrasopark7672]

Thank you, Please come up with: Alpine JS

[@Thirus]

Will surely consider

[@SusanthCom]

ua-cam.com/video/VerLjLcXsTk/v-deo.html

[@SusanthCom]

ua-cam.com/video/2pQ_WDqXkWs/v-deo.html

[@davidsonzed]

Thank you very much, you CSS videos are one of the best. Can you also create a video on how to play with widths, I mean we are very familiar with bootstrap rows & columns, but in tailwind css we are not very familiar. so can you make a video with comparing bootstrap rows & cols with tailwind. This will be very beneficial for us. Thank you very much once again for your valuable lessons. :)

[@Thirus]

That’s a good video idea! Will try that. Thank you for the feedback

[@abhinavsingh-zc2hk]

Amazing explanation. Plz make more videos 👍👍👍

[@Thirus]

Sure, thanks 😊

[@amritsingh8695]

Amazing & wonderful. Thank you for the tutorial.

[@Thirus]

You’re welcome Amrit!

[@dibbyo456]

This is so good. Thank you so much.

[@yousefhosny8864]

Thanks alot for the tutorials, I wanted to ask you what shortcut you're using to arrange the line of code so that the class line is on it's own line

[@Thirus]

You’re welcome.
I’m using Prettier extension

[@ericjunior105]

Ctrl + Shift + I

[@taiwokazeem9014]

Thanks so much, really enjoyed it

[@Thirus]

Glad to know that 😊

[@pauloromero2459]

thanks for the tutorial!.
After the form goes to size lg onwards it starts to look too small, how can I make it get bigger after size md?

[@ritishshelke4611]

Watching this playlist in 2023 👽Awsome contents on Tailwind css 🫡

[@Thirus]

Thanks Ritish 😊

[@felipemaringonzalez2770]

thank you so much,is helpfull for me.

[@Thirus]

Glad to hear that, welcome!

[@silentcoder6685]

thanks a lot to this channel who gave me such a ex[ensive knowledge of talwind css and make me assure that i can do anything using css thanks mam, 🔥🔥✌✌

[@Thirus]

I’m so happy you’re confident now! All the best

[@Health_asset]

@@Thirus this is all because of u and my hard work ❤️

[@nargisrahman9844]

If i use only grid , is it possible to make this contact form? And would it be worse or better ?
Tnks in adv.🙂

[@Thirus]

Nothing wrong at all. Sometimes flex is better, other times Grid is better. Both are tools. You can use whichever you’re comfortable with.

[@kevinbryanbuenaseda8526]

THANK YOU! KEEP SAFE!

[@Thirus]

Thanks. You too

[@studentimantha5345]

Just prefect💞💞

[@Thirus]

Thank you!

[@Anonymous-mc3pb]

knowledgeable ..
but how to get the user's provided data form this form and where ?
can you please tell me about that or make another video on this topic or suggest any other plateform to get it.

[@Thirus]

I already have a video on that - ua-cam.com/video/w4-EWgo-nhw/v-deo.html

[@Anonymous-mc3pb]

@@Thirus Ok I will go through it.
Thanks 🔥

[@jakeperalta319]

this tutorial helped alot

[@Thirus]

Happy to hear that :)

[@MiladJoodi]

Thanks so much♥

[@Thirus]

You’re welcome!

[@rokibulislam5517]

Excellent

[@Thirus]

Thank you!

[@dr4z359]

Hi, wonderful tutorial !
I might have an issue with the extend color cyan and teal, they don't wont to display on my navigator... I don't know why :( I've strictly do the same configuration than you did. That's sad :P

[@Thirus]

Have you tried building again?

[@dr4z359]

@@Thirus will try right now :)

[@dr4z359]

@@Thirus It's WORKING !! You're awesome

[@pavankumar-lj3tt]

Nice Explain

[@vensilavijayan5465]

tailwind le waves podunge mam

[@mohitchandola3435]

I am not able to use my cyan and teal colors after config. in tailwind.config.file

[@Thirus]

With the latest version of Tailwind, these colours are available directly. No need to change any config

[@suresranathunga]

💙💙

[@abdulwahab182]

❤

[@partabparmar5537]

thank you didi............ :)

[@Thirus]

Welcome :)

[@maxmaksum4673]

awesome...could you make section divider with tailwind

[@Thirus]

What exactly do you mean by section divider?

[@maxmaksum4673]

for example www.google.com/search?q=waves+css+divider&safe=strict&client=ms-android-samsung-gj-rev1&prmd=isvn&sxsrf=ALeKk034SeGk6kn97fkbzbnH4-ZMoX0Q2Q:1620754017593&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiHgvKbk8LwAhU363MBHdffAK0Q_AUoAXoECAIQAQ&biw=412&bih=758&dpr=1.75...

[@Thirus]

There are no utility classes for something like this. Try out some CSS / SVG wave generators

[@mayurravindra9433]

Awesome!

[@Thirus]

Thank you 😊

[@ahmedutuber]

thnx

[@FOCUS1234]

I have a problem in from just i the break point

[@Thirus]

Send me a DM on Twitter with more details - twitter.com/shrutibalasa

[@vensilavijayan5465]

Koala combiler pathi podunge mam

[@codewithswarnodip1811]

Can you give source code?

[@Thirus]

Here it is: play.tailwindcss.com/7hEc7zpsQu
Note that the icons don't work in this playground

[@codewithswarnodip1811]

@@Thirus Thank you.

[@abitechie_cafe2130]

Thank you really it benefit for me

[@Thirus]

You’re welcome!