Submitted over 2 years ago

Responsive Testimonial Grid || Svelte + Typescript - SCSS - GSAP

#gsap#svelte#typescript#sass/scss

Remus D. Buhaianu• 3,145

@Miculino

Preview site View code

This is a solution for...

Testimonials grid section

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hey guys!

I decided I should work on my CSS Grid skills a bit more and this challenge was the perfect use-case for it.

This project has a lot of technologies in it:

Svelte
Typescript
AJV
GSAP
VanillaTilt.js
SCSS

The AJV and Typescript weren't required for such a project, but I decided I should finally work with Typescript and learn how to implement it in an actual project. I only started learning it two days ago, so I'm definitely eager to hear more about the best practices for this.

Also, there's an issue caused probably by the clip-path property that I'm using with GSAP. The two box shadows I used on the third and last card don't show anymore. If you know a fix to this issue, please let me know.

Hope to hear your feedback soon - thanks a lot! ;)

Community feedback

AK• 6,700

@skyv26

Posted over 2 years ago

Really Nice! Awesome animation effects. Design is resposive too. I really like your work and you always made design with unique features.

Fantabulous Work

Remus D. Buhaianu• 3,145

@Miculino

Posted over 2 years ago

@skyv26 Thanks for your words, Aakash!

I'm trying to improve my CSS skills as much as I can before I start my new role as a frontend developer at the job.

Also, I was inspired to complete this challenge after I saw your own solution to this challenge. So keep up the good work and can't wait to see more of your awesome projects!

AK• 6,700

@skyv26

Posted over 2 years ago

@Remus432 Yeah Sure! I am learning too and Improving day by day in CSS. Best Of Luck for new journey as a Frontend Developer.

Rohit• 330

@Rohitgour03

Posted over 2 years ago

OHH man, 🤯 It looks really cool. Just amazing.😍🔥 I also wanna learn this type of animation and effects. How you learned these things?

Remus D. Buhaianu• 3,145

@Miculino

Posted over 2 years ago

@Rohitgour03 thanks a lot!

The short answer is: practice.

I always try to experiment with different ideas. I think that's the best and most fun way to learn anything ;)

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord