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