Responsive four card selection using BEM notation, transition

Nice one 😀

If you are curious how you can do this straight lines on the top of each card here is my tip:

Create another element in each of the cards. Then position this element absolute. Card should be positioned relative. At the end you need to give this element a height of 3px width of 100% and top 0 and left 0. You can also use ::after or ::before pseudo elements to create these.

Hope you found this comment helpful 💗

Good job and keep going 😁😊😉

Looking at your code aswell I learned another way, On the .features__icon I used margin-left: auto; and you used align-self: flex-end; Same job different way, This is why I like looking at other peoples solutions.

Hey, I'm not doing any deep dive code reviews at the moment but I took a quick look at the code and noticed that removing the max-width: 20%; property from the .features__icon class seems to improve the visual presentation. The icon appears less constrained and more proportionate without the shrink effect.