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

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size

Screenshot

Mobile Version

Desktop Version

Links

• Solution URL: Frontend Mentor
• Live Site URL: Live Demo

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• BEM

What I learned

With this challenge, I learned a lot about myself. It's important that I work based on my skills without trying to developing as a middle-level or senior developer, this is only time-wasting and It makes me feel frustrated and lose confidence in myself. All experience for the next projects.

About the Challenge I renforced my skill with CSS Grid e with @container queries.

Continued development

For the future, I would keep focus on how to work with CSS Grid, Flexbox, Fluid typography, Fluid spacing and @properties.

Author

• Frontend Mentor - @dedo-dev
• Linkedin - @daniele-zeppieri