Mobile first responsive page using HTML, CSS and vanilla JavaScript

Nice work on this challenge, Nick! I'm glad to hear you found working mobile-first to be a big improvement. I find it a much simpler workflow and find it leads to less code, which is always nice!

As for the email validation, I'd recommend changing the type attribute on the input to be type="email". You can then listen for when the form is submitted and use the JS Validity State API to check whether it is a valid email pattern or not.

As for improvements, you can see in the design comparison slider a few small sizing and spacing differences with the design, which could be tackled. But it's nothing major.

I hope this helps. Let me know if you have any questions! 🙂

Hey Nick

Great work and dig your interpretation. I like what your JS logic its short and sweet.

Its a pity that Front End Mentor leaves it up to us to decide how the design should look like In-between devices. I find it tricky myself to decide how elements should interact and shift.

I would look into your code that dictates how things look for tablet (768px). If you look at the design file @768px (device width) you'll see that there a specific layout the designer has prescribed. Your layout could use just little bit more tweaking to look exactly like the design at that specific width.

I love your mobile interpretation as well. All in all great stuff!