Thanks for checking out this challenge. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

• Overview
  • Challenge
  • Design
• Process
  • Built with
• Layout
• Colors
  • Primary
  • Neutral
• Typography
  • Body
  • Font
• Links
  • Resources
  • Profile

• View the optimal layout depending on their device's screen size
• See hover states for interactive elements

The designs were created to the following widths:

• Mobile: 375px
• Desktop: 1440px

Bright orange: hsl(31, 77%, 52%) Dark cyan: hsl(184, 100%, 22%) Very dark cyan: hsl(179, 100%, 13%)

Transparent white (paragraphs): hsla(0, 0%, 100%, 0.75) Very light gray (background, headings, buttons): hsl(0, 0%, 95%)

Font size: 15px

• Family: Lexend Deca

• Weights: 400

• Family: Big Shoulders Display

• Weights: 700

• freeCodeCamp
• MDN Web Docs
• w3schools

• Challenge
• Live site
• My profile