This content originally appeared on DEV Community and was authored by Matias Huapaya
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
This content originally appeared on DEV Community and was authored by Matias Huapaya
Matias Huapaya | Sciencx (2024-08-04T17:10:46+00:00) Recreation – Frontend Challenge Submission. Retrieved from https://www.scien.cx/2024/08/04/recreation-frontend-challenge-submission/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.