FCC-Survey-Form

Survey.Form.mp4

Here is my submission for Free Code Camp's Survey Form challenge (HTML + CSS Responsive Web Design Certificate).

I decided to create a minimal form with a punchy, chartreuse-hued background that evoked Typeform's sleek aesthetic and the No Name brand. I experimented with a custom mark/selection colour, scroll bar, radio buttons, checkmarks, and <select> elements.

For this site, I picked "Inter" as the font because:

1. It's used in my favourite newsletter app, Listmonk
2. According to Typewolf's "Definitive Guide to Free Fonts", Inter is an alternative to Apple's San Francisco Font
3. It gives No Name vibes.

LIVE DEMO: https://candideu.github.io/FCC-Survey-Form/

Fonts used

• Inter

Tutorials that helped me

• Pure CSS Custom Styled Radio Buttons
• One last time: custom styling radio buttons and checkboxes
• <select>: The HTML Select element
• Custom Select Styles with Pure CSS
• How to style the option of an html "select" element?

Penpot design + prototype file

View other projects here