Hello, Pavan! 👋
Great work! What i would suggest is to remove div
with class .flex
and move these styles to .container
div. We don't need two divs, cleaner code. Then I would suggest to add some padding
on top/bottom of body/container because your container stick to top/bottom on mobile. Lastly, you should create common class for your cards, so you don't repeat code - in your case you repeat only padding, but in future projects it may be more styles. So you should have f.e .card .card1' in classes where
.card` contains the same styles for each box.
Good luck with that, have fun coding! 💪