Design comparison
Solution retrospective
This is my solution for this challenge. I hope you guys like it and have some feedback so I can improve my skills. Have nice day ^^
Community feedback
- @jbidzPosted almost 2 years ago
Hi there👋
Upon checking your solution, I noticed that it isn't mobile friendly and when I checked on your CSS code everything is fine and you're using grid very well. To make your layout responsive to mobile devices, add media query and within that specific breakpoint change your
grid-template-areas
to column:@media (max-width: 640px) { .container { grid-template-areas: "part-1" "part-2" "part-3" "part-4" "part-5" ; } }
Hope this helps you out😊. If you have any questions feel free to reply on this comment, and please consider to mark this comment as helpful. This would make my day😊.
Marked as helpful0@um1chc5Posted almost 2 years ago@jbidz I intend to add responsive later. But, anyway, thanks for your comment!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord