correlucas / testimonials-grid-section

This is my solution to the Testimonials Grid Section challenge (Figma design to Code) on Frontend Mentor.

Home Page:testimonials-grid-section-nine-ivory.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

  • Semantic HTML5 markup
  • Flexbox
  • Grid
  • Responsive Design
  • CSS Animations
  • Media queries
  • Mediakit-animations

What I learned

The best thing I learned in this challenge is how to use a hover effect on an element that affect all elements before and after this element hovered. Using a an effect that works like a general sibling that select also the previous elements. You can see that in the focus effect that I apply on the card section of my website.

Useful resources

Author

About

This is my solution to the Testimonials Grid Section challenge (Figma design to Code) on Frontend Mentor.

testimonials-grid-section-nine-ivory.vercel.app

License:GNU General Public License v3.0


Languages

Language:CSS 55.5%Language:HTML 44.5%