Hi! Hassen, well done, nice solution, I checked your design responsiveness too.
Everything seems so pretty but I have suggestions for you.
-
Your design is not small as compared to the preview design, I mean look at your desktop design, there is lot of space at both sides (left and right). Try to make your design in such a way that it look more better and cover full width.
-
In mobile I saw that your last card touching the bottom viewport and I would suggest you to add
margin-bottom: 2rem;
in below code (I added)
.wrapper {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-bottom: 2rem;
max-width: 1100px;
}
I hope you understand.
Best Of Luck
Marked as helpful
@hassanidris
Posted
@skyv26 Wow... Thanks for your feedback that's was so valuable. I had adjusted my files.