DEV Community

Priyanka Tamhankar
Priyanka Tamhankar

Posted on

1

The Frontend Challenge 4 - Glam Up My Markup: Recreation

Frontend Challenge v24.07.24: Glam Up My Markup - Recreation

What I Built

I'm thrilled to be back after a brief hiatus and to dive into this challenge of creating a sports page. My goal was to design a page that feels smooth and dynamic, and while I faced some constraints with time and local challenges, I'm pleased with the outcome.

In this project, I placed a strong emphasis on animations, which really bring the design to life. The scroll animation, in particular, adds a dynamic touch to the user experience, making the page engaging and interactive.

Demo

For the best viewing experience, I recommend opening the demo in full-page mode in a new tab. The design is optimized for desktop but also functions well on mobile devices.

Journey

Returning to this challenge, I focused on creating a smooth, dynamic sports page with engaging animations. Despite some time constraints and local challenges, I’m proud of how the animations, especially the scroll effect, enhance the design. This project deepened my understanding of CSS animations, and I’m excited to refine my skills further and improve responsiveness and accessibility in future projects.

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more