Grid for each card, flexbox for page on small screens, grid on others.
Design comparison
Solution retrospective
Had a lot of fun putting this together. This was my VERY first time using grid so if there's anything that needs to be improved, help me out! Each card was styled with grid just to learn more about it. On small screen sizes, whole page uses flexbox, on medium and large screen sizes the page uses grid to generate 2 and 4 columns. Waiting for your feedback!
Community feedback
- @ApplePieGiraffePosted over 3 years ago
Hey, Bernard! 👋
Nice job on this challenge! 👏 Your solution looks great and I like that you added an intermediary layout between the desktop and mobile layouts (something that I don't always see for this challenge)! 😀 It's awesome that you decided to try out CSS grid and had fun completing this challenge! 👍
Keep coding (and happy coding, too)! 😁
1
Please log in to post a comment
Log in with GitHub
Join 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