VueJS Responsive Testimonials Grid

What are you most proud of, and what would you do differently next time?

😀🥳🎉😁 .... Using more modern ways of writing CSS due to the use of PostCSS in ViteJS.

I did do something differently, I extracted all the testimonial data into a json file which is fetched asynchronously and rendered by a single Vue component using a v:for directive.

What challenges did you encounter, and how did you overcome them?

Targeting styles for the individual testimonial cards was easier once I could write styles like this 👇

p{
  color:blue;
}

div.item-1{
  p{
    color: green;
  }
}

The sample css will render all paragraph elements on the page with the color blue while the paragraph in the div.item-1 element will be green.