DEV Community

Cover image for Recreation - Frontend Challenge Submission
Matias Huapaya
Matias Huapaya

Posted on

Recreation - Frontend Challenge Submission

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:

Demo

Screenshot
Live Demo
Github repo

Top comments (0)