Submitted 12 months ago

Sassy Slide-In Feature Cards 🎢

bem, parcel, sass/scss, animation

Jason Sherrick•80

@j-sherrick

A solution to the Four card feature section challenge

Preview Code

Solution retrospective

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

✨ Utilized Sass at-rules to programmatically generate keyframe animations for stylishly sliding elements into view upon page load.
🕒 Wrote a mixin to set timing and delay, so elements could slide in one after the other.
🎉 I finally submitted it!

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

The biggest challenges occurred when I decided to make it a feature-card custom component with the Web Components API and reconfiguring Parcel turned out to be too much of a 🥴 PITA. Since this was an easy-level project and I already had it finished in the main branch, I overcame these challenges by 🔥 nuking the feature branch and finally submitting the project. 🚀

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jason Sherrick's solution.

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