Frontend Mentor - Testimonials grid section solution

This is a solution to the Testimonials grid section challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

The challenge

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page

Screenshot

Desktop-view Mobile-view

Links

Live Site URL: Live site of the challenge hosted here

My process

This was my fifth challenge here and I say, building grid is fun since you can do many layouts^

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Grid
  • Sass preprocessor

I said that I won't use any frameworks and build it from scratch to be more exciting and challenging

What I learned

I learned that by creating this website, this challenge, I saw that I can easily accomplish projects if I put focus on it, and really put my effort doing it

Continued development

I want to focus more on creating more complex designs and also designing things on my own time

Author

  • Website - Well I haven't made my profile portfolio, gonna make it sooon when I know a lot of stuffs
  • Frontend Mentor - @pikamart
  • Twitter - @RaymartPamplona