Free Code Camp | Responsive Web Design Projects

A listing of all of my Free Code Camp projects for the Responsive Web Design certificate

Tribute page

Tierra.mp4

I decided to create a page for the amazing Tierra Whack! I experimented with overlapping objects (text overlapping with an image), custom fonts, and parallax (using JQuery).

Live Demo: https://candideu.github.io/FCC-Tribute-Page/

• Repo
• Figma design + prototype file

Fonts Used:

• Sporting Grotesque
• Source Sans Pro
• Source Serif Pro

Helpful Tutorials:

• How to Create a Simple Parallax Effect By Sara Vieira
• How to Overlap Images in CSS
• How to Install and Use Web Fonts on Your Site

Survey Form

Survey.Form.mp4

Live Demo: https://candideu.github.io/FCC-Survey-Form/

• Repo
• Penpot design + prototype file

Font Used:

• Inter

Helpful Tutorials:

• 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?