Skip to content
Submitted 9 days ago

Testimonials Grid Layout

Vikas•120
@gitVikas898
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

Understood how grids work and how i can play with them using various properties like grid-column-start/end

What challenges did you encounter, and how did you overcome them?

The challenge Iam facing now is if i design the desktop layout , i mess up the mobile view and vice-versa , i need to work more on that

What specific areas of your project would you like help with?

Which design i should start first mobile or desktop?

Community feedback

  • Jewel•90
    @programmerjewelPosted 9 days ago

    Congratulations on completing this project!

    • I think design mobile first approach is best due to optimization and fast-loading on mobile device. Otherwise its up to your comfort level.

    • You design strategy is good. As this design shifts cards on desktop and mobile devices a lot, sometimes its a bit tricky to use grid column / grid row . You can also use grid template areas to design these tricky layout with less complication.

    All the best.

    0
    Vikas•120
    @gitVikas898Posted 9 days ago

    @programmerjewel Thanks for the feedback , I will keep that in my mind , can we connect ?

    0

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