All solutions

Form validation could be improved, any advice welcome

Would have been a lot easier with react.js, however I wanted to use normal javascript.

For rotating the switch/toggle, I used css rotate within an event handler.

document.getElementById("switch_img").style.rotate = "180deg";

Would be interested to know how others would have done this.

The bonus objective stated that optionally only HTML/CSS could be used, however without JS I am not sure how.

As always, any advice on best practices is also welcome.

Thanks!

Any advice/review of my css, or how I am using grids is welcome :)

Looking for review of flexbox and/or advice regarding grid vs flexbox in this case, along with any improvements that can be made.

Looking for ways to improve on best practices, and perhaps any more efficient ways of working on the logic.

Just testing frontendmentor.io