Free

Level 2

Category tag marquee

Marquees are excellent at drawing attention to web designs. Can you solve this looping category tag CSS marquee and make it a seamless, looping animation?

Overview

Your Challenge is to create an animated marquee that displays a collection of linked category tags. The hardest part of this Challenge is ensuring that the animation creates the illusion of a seamless, infinite loop!

Your Challenge is complete when:

  • The website is as close to the original design as possible

  • The website is responsive and viewable on multiple screen sizes

  • Elements have the correct state styles (hover, focus, etc.)

  • The animation appears as a seamless, infinite loop

What's included

Challenges include all the assets you would expect from a designer in real-world projects, plus some resources to help you complete the Challenge.

  • Organized Figma design file
  • Detailed desktop, tablet, and mobile layouts
  • Comprehensive design system
  • Relevant fonts, colors, SVGs, and images
  • Alternative Solutions from members
  • Straightforward quick-start guide
  • Recommended list of learning resources
  • Access to community Discord channels