Pod Request Access Landing Page | Frontend Mentor

Challenge 27

This is a solution to the Pod request access landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

---

📚 Table of contents

• 🔎 Overview
  • 🎯 The challenge
  • 📸 Screenshot
  • 🔗 Links
  • 🛠️ Built with
• 🧠 My process
  • 🔙 Previous Challenge
  • 🔜 Next Challenge
• 👤 About Me
  • 🌐 Connect with Me
  • 💻 Coding Profiles

---

🔎 Overview

🎯 The challenge

Users should be able to:

• View the optimal layout depending on their device's screen size
• See hover states for interactive elements
• Receive an error message when the form is submitted if:
  • The Email address field is empty should show "Oops! Please add your email"
  • The email is not formatted correctly should show "Oops! Please check your email"

📸 Screenshot

🔗 Links

• 🔴 Live Demo
• 🗂️ GitHub Repository

🛠️ Built with

• HTML5
• CSS3
• JavaScript
• Flexbox
• Mobile-first workflow
• bem - Block Element Modifier
• scss - Sassy Cascading Style Sheets

---

🧠 My process

🔙 Previous Challenge

• Contact Form | Challenge 26 → View Repository

🔜 Next Challenge

• News Homepage | Challenge 28 → View Repository

---

👤 About Me

🌐 Connect with Me

• Instagram
• YouTube

💻 Coding Profiles

• freeCodeCamp
• FrontendMentor
• GitHub

🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀