Skip to content

Latest commit

 

History

History
61 lines (41 loc) · 2.27 KB

README.md

File metadata and controls

61 lines (41 loc) · 2.27 KB
Raw

🚀 Frontend Mentor - Intro component with sign up form solution

This is my solution to the Intro component with sign up form challenge on Frontend Mentor. Frontend Mentor challenges are a fantastic way to enhance your coding skills by working on real-world projects.

🌐 Table of Contents

👀 Overview

🌟 The Challenge

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Receive an error message when the form is submitted if:
    • Any input field is empty. The message for this error should say "[Field Name] cannot be empty"
    • The email address is not formatted correctly (i.e. a correct email address should have this structure: name@host.tld). The message for this error should say "Looks like this is not an email"

📸 Screenshot

My desktop design

🔗 Links

🛠️ My Process

🛠️ Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile-first workflow
  • React - JS library

🎓 What I Learned

I undertook this project as an opportunity to hone and apply the React expertise I've recently acquired.

🚀 Continued Development

I look forward to strengthening my skills in frontend development by practicing and building more apps.

👩‍💻 Author