All solutions

• What is your preferred way to handle responsive images? I've used three different types (see the readme) and I think I prefer the <picture> method. Maybe there is a better way I didn't use yet.

• Any remarks on how I structured my Vue Components are more than welcome as well.

• Anyone who knows how to fill svgs without inline <svg>: you can be my hero if you tell me.

Do feel free do drop a comment on anything you like or think can be improved!

For my own record: I have been working on this little number for a few days on and off now. I think it took me about 24 working hours in total.

• I had trouble getting the SVGs in an external file and then apply the filters in CSS. Couldn't make it work. Fixed it down and dirty now. Is there a way to properly do this?

• Is there a good way to add styling to the autocompletion of an email input field?

I am mainly wondering if the way I did the background-images is the way to go.

I am trying to get better at naming classes, using the right HTML elements and accessibility, so it would be nice to get some pointers on that.

Any other comments are, of course, very welcome!

Positioning and resizing the images gave me a headache. What would be a better way to do this?

Other comments of course very much appreciated!

I first timeboxed this on 2 hours from downloading the zip to no more commits. Got to about 80% visually, but used a lot more time to finish it up and rework, based on the comments.