Skip to content
Submitted almost 3 years ago

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

Remus D. Buhaianu•3,125
@Miculino
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

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

  • Aakash Verma•6,710
    @skyv26Posted almost 3 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

    2
    Remus D. Buhaianu•3,125
    @MiculinoPosted almost 3 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!

    1
    Aakash Verma•6,710
    @skyv26Posted almost 3 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.

    0
  • Rohit•330
    @Rohitgour03Posted almost 3 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?

    1
    Remus D. Buhaianu•3,125
    @MiculinoPosted almost 3 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 ;)

    1

Please log in to post a comment

Log in with GitHub

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