Easy HTML & CSS Cards

[@Sayvai]

Nice video! Here's a CSS refactoring suggestion 👇 Instead of applying `margin-right: 24px` on the `.card__image` class, the most modern and widely supported solution nowadays is to leverage the CSS `gap` property to introduce spacing between flex child elements, which can be applied on the parent flex container elements. So in this example, we could simply add `gap: 24px` to the `.card` class instead, and this should render a 24px gap between the `.card__section` flex child elements, instead of adding margin-right to `.card__image` class. I might be missing something(?), and if so feel free to correct me 🙂

[@karlstenator]

That's great, thanks for sharing!

[@mariners_platter]

Nice tutorial! for mobile devices, how would you include the hover effect of changing the card's background color to white?

[@dcode-software]

Hey, unfortunately that's going to be difficult. I believe if the user taps an element but drags away then it will trigger the "hover" state. You might be better of using the "active" CSS pseudo class instead.

[@RianY2K]

wow, thank you for tutorial

[@S-Lomar]

🤩🤩🥰🥰🥰🥰🥰😍😍😍😍

[@suelingsusu1339]

👌👌👌🙏🙏🙏🖖🖖🖖🖖🖖

[@dcode-software]

😎

[@Imam.Mehdi_]

​@@dcode-softwareplz teach back end ...make a full course on it...and also make real projects like KZbin and Facebook