@correlucas
Posted
๐พHello Omar, congratulations for your new solution!
You've a great solution here, I liked a lots the custom media queries you've created, the one between desktop and mobile is just so good. This is amazing!
To save space for your cards you can use a media query
to make the flow vertical and the icons in different rows and centered:
@media (max-width: 350px) {
.grid__cards--card {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
To create a smooth shadow you have to give it less opacity
and more blur
hereโs a good value for this shadow box-shadow: 3px 3px 15px 5px rgb(0 0 0 / 4%);
Create better box-shadow
using this online tool:
https://www.cssmatic.com/box-shadow
๐ I hope this helps you and happy coding!
Marked as helpful
@M3gan3Sama
Posted
@correlucas Thanks for your advice mate i had a lot of problem with media query and it took a lot of time to find solution there but i going to do more and more challenges to get better at it.