@gmagnenat
Posted
Hi, congrats on completing this challenge and using CSS Grid !
I recently did this challenge too and faced the same problem in planning then you. It helped me sketch out on a paper to visually see what I wanted to achieve with the grid columns and rows.
You could check fluid typography to handle heading sizes between large and small screen. I use this tool to calculate the clamp values : Fluid Responsive Property.
To get your solution closer to the design you could soften the box shadow. I found these value to be pretty close with a box-shadow. maybe you can adjust in your drop-shadow values?
.card {
box-shadow: 0 15px 30px -11px rgba(131, 166, 210, 0.5);
}
I hope my comment bring you something usefull.
Happy coding ✌️
Marked as helpful
@Eugene-ak
Posted
Thank you @gmagnenat. I believe this will go a long way to help. Responsiveness can be quite tricky 😅