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
  • Useful resources

Overview

The challenge

Users should be able to:

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

Screenshot

Links

• Live Site URL: (https://challenges.leondavey.co.uk/testimonials/)

My process

To follow the brief as accurately as possible!

Built with

• HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

What I learned

I have learned the benefits of flexbox for designing an optimal layout for mobile devices, so the layout will adjust depending on the users screen size.

If you are interested in seeing what CSS I have used in this challenge see my style.css file in Github.

Continued development

This was a short project to grasp flexbox a little deeper before moving onto my next project. My aim was to focus on learning more about flexbox before learning CSS Grid. My next project will most likely be CSS Grid focused but will also include flexbox too - after this I have my eyes set on learning Angular!

Useful resources

• Front End Mentor - This is where I found the project brief for the challenge. Great website and I will use it going forward.