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

• Screenshot
• Links
• My process
  • Built with
  • What I learned

Screenshot

Link

• Live Site URL: My Demo

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• CSS Grid

What I learned

The best thing I learnt in this contest is how to set up the grid structure in CSS. how to use a hover effect that when hovering over an element affects all elements before and after that element. Using an effect that works like a generic sibling that also selects previous elements. You can see this in the focus effect I applied to the card section of my website.