CSS Responsive Card & Hover Effects with Flexbox | HTML CSS3 Tutorials 2021 

Man, you're the lifesaver... Been checking tons of tutorials but never found anything like this.. explained precisely from top to bottom .. Keep it up man. Subscribed 👍💪

Watched so many videos and tried this with so many pre-existing codes but kept facing problems just for you to teach me this from scratch in just 9 minutes! You sir deserve a subscribe!

I'm watching this video and it seems like I'm in another world with your explanation, man you're a genius, that makes sense you were born to teach, you're one of the best who teaches on RU-vid, congratulations, even the deaf can understand what you're transmitting, you gain another subscriber to your channel. I seem to be inside a class.

Just what I was looking for. Crisp explanation, with very simple steps, very easy to follow. Keep creating great content!

Üstad adamsın adam. 6-7 aydır kod öğrenmeyi bırakmıştım. Tek videoda bir çok bilgi hatırladım. Eline sağlık.

Man, you actually saved my Life with this video. Thanks a lot

gold! everything done by using very easy ways and every single part is crystal clear.

This tutorial is amazing!! taught me a few new tricks I didn't know!

It's a big favor for me ! I liked how you also explain the steps .Thank you :)

You are excellent at explaining the process, subscribed!

Excellent tutorial: clear and calm. Thanks very much.

Awesome tutorial! Clear and easy-to-follow explanations!

Thank you so much! I've learned a lot and applied it to my webpage assignment. #Newbie here!

For me, HTML cards was a bit of a problem, but with your explanation you helped me a lot!

Very clear and precise. Keep teaching man!

omg this made everything so much easier,thanks a ton!

Thank you, I had lots of fun adding this in my website.

This is very helpful tutorial but you missed one thing which is that if the content of each card is different in terms of number of lines then how to set the alignment of cards so that each section of the card would be start from same point.

Thank you so much! I like the way you explain that is very clear.

Thanks friend for amazing tutorial

This was so helpful!! Thank you

like the Way you make it simple👏🏼

Indeed, very well explained! 👏👏👏

Excellent explanation and instructions!

So informative, thanks a lot!

Exactly what I was after! Thanks so much!

Brillant, helped with with my bootcamp

So, this is how you explain the hardest one to simplest way?

please more about flexbox !! You are the best !!!

Keep it up Cem. Appreciate it👍

Thank you so much. This was helpful

That's very helpful video for me

Thanks for this content, it helped me a lot

straight forward , thank you sir.

Thanks dude! This is really helpful

Thank you so much I enjoyed your explanation.

Finally I found one thank you

Thank you so much sir 😢

thanks man, u are the best! S2

Oh my god it really helps. thank u!

me salvastes amigo y eso que pude entenderlo bien sin saber casi nada de ingles te agradezco mucho

You are a hero, thank u

What's the difference between this and just using flex values? Thanks! =)

Thanks for the tutorial.

Thank you so much man!!

Its a very nice video for a beginner

But why did you give cards fixed size in px instead of 33%

How do i add a heading tag on top? Like i want to add something or words on top like Welcome or something about my things like CARDS FOR YOU! But it keeps going down?

THANK YOU SO MUCH!

You're god. Thanks

Thank you brother!!

Thank you, very Helpful.

excellent explanation thanks

how can we move the button to the bottom of the card, no matter how long the card description is? If the description is shorter than in the video, the button moves up.

that was very helpful😊. thank you

Thank you for this tutorial

Bro Thank you so much im so happy

Brother thank you so much

This was an awesome tutorial. It helped me with a project. Please could you like link the place where you got those car images.

Very nice and easy explanatiom

Thanks man ❤️

Thank you so much

just fantastic 🙃🙃

How can I make them horizontal also how to make them 4x4

Thank you sir

Helpful... Thank u

thank you for the video.

Very informative!!! And one doubt bro. If i create 10 cards in which there will be 5 in 1 row, if i give wrap property, will they collide each other when i decrease the screen size?

Why the h2 and p tags cannot load when I set the background color, I don't what to do. Could you help me?

Sadly the Readmore part it didnt show on my end its just a black block but its good content

good explanation

thx so much 😊

i have a little challenge i added my image path in my css,i observed the image isnt showing on my .card-image,even the color aqua is completely gone,after i added the copiedcar-1 in my html class .card-image,what could be the problem?

thank you so much!

Could you put the images in the html? or wrong series?

I have subscribed your channel

Subbed thankyou !

thanks, very good

Excellent

nice

the best

thanks that helped me a lot (y)

Smart Tutorial

i cant put the image on the container , i dunno whats wrong

Thank you..... Thank thank....... Thank you so much brother. I was looking for this thing for a long time but there is no one who says properly. Once again thank you so much. 🥰❤️❤️❤️👍

the flex dosent work for me

Its really very helpful but a small doubt when we decrease size it will display 3 cards but I want that 3rd card be placed to left instead of middle for this what can be done sir could you please help me to sort it out

Good job sir.

good tutorial! How can i change that items in the next row will start on the left side instead of the middle? thanks!

Love this, but my images refuse to go on :( It doesn't like applying a background image to car-1, etc, but that same background-image will work for .card-image (but I obviously don't want the same image on every card. I've been hitting walls like this all the time, what should work doesn't work.

Card-1 won't pull image in css

Does anyone know how to make a full box under the cards?

if we click on Read More btn then no any command show, what we do please help me😢

very good

giving fixed height and width is not good practice for create a card container

Hello, how to add this in google site?

🧡

❤❤

😍

will it background height automatically change according to screen size?