Dev-Dylann/multi-step-form

Frontend Mentor - Multi-Step Form Solution

This is a solution to the Multi-step form challenge on Frontend Mentor.

Table of Contents

• Overview
  • The Challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Useful resources
• Author
• Acknowledgments

Overview

The Challenge

Users should be able to:

• Complete each step of the sequence
• See a summary of their selections on the final step and confirm their order
• View the optimal layour for the interface depending on their device's screen size
• See hover and focus states for all interactive elements on the page

Screenshots

Links

• Solution URL: View Code
• Live Site URL: View Live

My Process

Built with

• Semantic HTML5 markup
• Tailwind CSS - CSS Framework
• Icons from Font Awesome
• Mobile-first workflow

Useful Resources

• Tailwind Docs - This helped me search for Tailwind classes of certain styles I wanted to apply but couldn't remember.
• How To Use Google Fonts In Tailwind CSS - This article explained how to extend Tailwind's fontFamily theme to use fonts from Google Fonts.

Author

• Twitter - @DevDylan

Acknowledgements

@Abdullah Ayoola really helped me in the last stages of this challenge where I happened to be stuck. I appreciate his efforts and the assistance he offered.