Responsive four card feature section with HTML/CSS!
Design comparison
Solution retrospective
Another day another challenge completed !
This was another good, simple and fun challenge ! I'm proud of challenging myself by using grid, instead of flexbox, even though I instinctively knew how to use flexbox to do the layouts in both mobile and desktop, but I knew that it probably would be more fun to use grid instead, and I managed to do it so I'm happy about that.
Once again, something I would do differently next time would be to spend less time guessing the margins/paddings and spacings because it really does take a lot of time, and it's probably impractical to spend hours getting the pixels perfect. However, I am really happy with this result, I think I did even better than my first challenge so I'm satisfied :D ! I'm hoping someone would take a look and give me feedback again, that's the most exciting part !
What challenges did you encounter, and how did you overcome them?I attempted this challenge using grid, something I'm not as confident with as with flexbox, however I knew I had enough knowledge to attempt it, and I'm happy I did ! I learned a lot along the way , made some silly mistakes with grid-rows but a moment of realization, and a facepalm was all I needed to correct those. I also spent quite some time trying to replicate that line break at the top, but I managed to learn how by reading an article on digitalocean, so in the end I really did learn something new !
What specific areas of your project would you like help with?Honestly, any feedback at all would be great ! It's really the most exciting part of all this, having someone to look at my work and review it would be amazing and much appreciated :D
On to the next one !
Community feedback
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