Hello everyone, I’ve more or less bullied this code into doing what I wanted, it’s certainly been a challenge!
Here is a link to the finished files on my shiny new Github page, here is the preview of the entire project and finally, the Codepen itself. Yes, the Codepen has a bunch of useless CSS because of the easter egg hidden in the project preview .
Any feedback is great, some things I have noticed and would maybe like to improve are:
- The radio/checklist buttons could maybe sit vertically instead of horizontally, mainly to prevent it all being smushed up on mobile devices, but I couldn’t get
display: blockto work right.
- Night Mode on mobile devices is a tad odd-looking, but I assume there’s nothing I can do about that?
- Finally, again mobile, I’ve noticed some odd looking padding on mobile devices at the top of the page, where the background image is pushed ‘down’ the screen a little. I assume it has something to do with the formatting for mobile devices and the size/positioning of the background image, so any enlightening ideas in that regard are welcome!
Thanks for your time, feel free to critique the awful, awful aesthetic as well as the code!