Responsive Huddle Landing Page Using CSS Grid

I thoroughly enjoyed this challenge, i feel my skills have vastly improved since i first joined Frontendmentor and so i felt more confident with this challenge 😅

This was my first time using CSS Grid however, i've been wanting to experiment with it so learnt it whilst building this landing page. I went a step further from just the desktop and mobile design and made the whole browser responsive if you was to adjust your browser screen size and snap to mobile. I also added some javascript validation for the form to show the form error on submit if the email is invalid.

On my day to day i work with Vue.js and Tailwind so was a joy to code in vanilla CSS and HTML 🙂

I'm open to feedback on how i could improve my code, whether it be tidying the CSS, HTML files or on my first CSS Grid use. I did notice that whilst i use 100vw when viewing the website on mobile and rotating my phone it doesn't respond, i also get a weird line on the footer wave so i added in a hacky margin-bottom which made it look great on the web browser when changing the responsive dev tools but again not on an actual mobile.

I did also make the design smaller than the design given i believe because it looked massive on my laptop so was very conscious of sizing the sections etc.

Thank you,