Hi, @yanlsama. It's a good solution. Keep coding. I have some suggestions for you.
1 - You can use <strong>
tags instead of <p>
tags in card__texts__grid area. They'll add more semantic meaning to your webpage. Also, you can wrap <section>
tag instead of <div>
tag to card__container area because this is part of your main area so you can use <section>
tag. And you don't need to give a class name to your main
tag because it's a unique area in your webpage, you won't use main
tag again on this page.
2 - You can focus on the simple solution. Yes, we can use grid and flex properties in each other but I recommend using grid for pages' general layout and using flex for 1-dimension flows. Keep it simple, focus on simple solutions and improve your coding skills.
I hope these'll help you to improve your perspective. Keep coding. All the best.
Marked as helpful