DEV Community

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

Posted on

1

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

SurveyJS custom survey software

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

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay