Challenge 26
This is a solution to the Contact form challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- Complete the form and see a success toast message upon successful submission
- Receive form validation messages if:
- A required field has been missed
- The email address is not formatted correctly
- Complete the form only using their keyboard
- Have inputs, error messages, and the success message announced on their screen reader
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- HTML5
- CSS3
- JavaScript
- Flexbox
- Mobile-first workflow
- bem - Block Element Modifier
- scss - Sassy Cascading Style Sheets
- Profile Card Component | Challenge 25 → View Repository
- Pod Request Access Landing Page | Challenge 27 → View Repository
🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀