Recreation - Frontend Challenge Submission

#devchallenge #frontendchallenge #css #javascript

This is a submission for Frontend Challenge v24.07.24, Glam Up My Markup: Recreation

What I Built

I built a responsive site using the HTML provided. I did not edit the HTML directly other than in the head. I first designed the site in Figma, then coded it with vanilla Javascript and CSS. When designing the site, I was careful to not stray too much from the original HTML structure. However, I did add a few extra divs with Javascript where necessary. I used fonts from Google Fonts (Roboto and Staatliches). I used the blue from the NYC flag and the red from the color of the cricket balls, making sure the text had an accessible contrast ratio.

Images credits:

Cricket ball in the grass: Photo by Alessandro Bogliari on Unsplash
Cricket player: Photo by Alfred Kenneally on Unsplash

Demo

Live Demo
Github repo

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more