Skip to content
Submitted over 3 years ago

Testimonials grid section challange (use css grid)

mabrur•105
@mabrurherza
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

My attempt to my 3rd challenge on Frontend Mentor. First time use css grid here, the responsiveness isn't automatic, it's a total mess on css kitchen. It means I manually added some viewport breakpoints to rearrange the grid column/row position of each cards. Haven't figured it out yet with cleaner code 🤔

Community feedback

  • prakash•250
    @mewebbiePosted over 3 years ago

    I've been in your place in past and its completely normal to mess up things. It takes usually longer time than expected to get through these basic concepts. So here's how you can speed up your learning process:

    1. Seek help right away when you feel you are struggling.
    2. Check out #finished-project channel in FEM Slack community and search for solution of others who've taken the same challenge.

    Remember, by doing challenges like these, you learn more. You only learn more when you attempt to bring to life the near-exact to exact designs given to you.

    Always make sure you are satisfied with your submission, if not, then start building it again, incorporate the above mentioned ways to speed-up your learning process.

    Happy Coding :) :)

    0
    mabrur•105
    @mabrurherzaPosted over 3 years ago

    @mewebbie awesome. thanks for your advice! I found some webdev influencers on twitter who suggested to learn webdev by doing some challenges on FEM. And here I am and I am enjoying it a lot.

    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