Skip to content
Submitted 26 days ago

Responsive page using CSS Grid

Yevheniia Voitsekhovska•40
@voitsekhovska
A solution to the Bento grid challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud of myself for finishing this project. As a slow learner, I often need more time to fully grasp certain topics. With consistent practice, I’ll feel more confident with responsive design and grid next time.

Code

Please log in to post a comment

Log in

Community feedback

  • Harsh Kumar•5,520
    @thisisharsh7

    Hi! Great job on completing the challenge. Your implementation is clean.

    Strengths:

    • The code is very neat and easy to read.
    • You used CSS Grid really well to make everything fit nicely.

    Some suggestion:

    • Maybe add more spacing or smaller images or less padding on smaller screen sizes, so nothing feels squished.
    • While .item-create, .item-manage, etc., are understandable, consider using BEM-style naming (.grid__item--create) or grouping by function for better scalability.
    • You may benefit from grouping shared styles into base classes to avoid duplication.

    Overall, awesome job - happy coding!

    Marked as helpful

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