Submitted over 2 years ago

3 Column Preview Card / SASS / GSAP

Jeisson Gómez• 120

@jeissongomezdev

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

3-column preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

All feedback will be well received. Thanks!

Community feedback

pmork7• 150

@pmork7

Posted over 2 years ago

The animation to your solution is really cool.

My desktop viewport width is 1600 and at that width the middle button on the page is lower than the two buttons on the side. The solution looks good when I display it at 1440 though.

I really like your usage of semantic HTML to order the elements on the page.

Keep up the good work!

Jeisson Gómez• 120

@jeissongomezdev

Posted over 2 years ago

@pmork7 Thank you for your feedback! I really appreciate it! I will take into account the media queries for that type of cases. 👍

Kimue• 200

@dratinixgithub

Posted over 2 years ago

Hi, nice approach, here's my feedback

-I'll sugest bit faster animation because, as an user, it just feel too much time xD

-Missing desktop version 1140 - 1440px ++

Jeisson Gómez• 120

@jeissongomezdev

Posted over 2 years ago

@dratinixgithub Thank you for your feedback! I really appreciate it!

I will keep in mind for future projects a faster animation.
Regarding the 1440px version, I created it in a sass mixin, but I didn't take the 1140px version into account.

Kamasah-Dickson• 5,590

@Kamasah-Dickson

Posted over 2 years ago

Your solution looks great and I really like the animation you added . besides good job there happy coding👍👍💻

Jeisson Gómez• 120

@jeissongomezdev

Posted over 2 years ago

@Kamasah-Dickson Thank you!

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