All solutions

I hid the chat app and its focusable elements from screen readers with aria-hidden="true" and tabindex="-1". Should I have made it accessible?

P.S.: I hope the animations aren't annoying.

There's a bug with my solution in Firefox. I used an inline SVG sprite for icons, which works fine except for the Instagram icon, that uses gradient fill. The icon simply doesn't show up on the page in Firefox. I haven't found out how to to fix it yet, so I would appreciate if anyone could give me a hint.

Feedback is always welcome :)

I don't know how to fix the screenshot... (Edit: Already fixed!)

Feedback is always welcome :)

I'm happy to submit my third solution to this amazing site. This time I used Vue (for the first time) and Webpack.

Despite not everything in my solution is as good as I'd like it to be, I'm quite satisfied with the result. And I really enjoyed working on this challenge.

I have some ideas on what could have been done better (e.g component names), but I would love to hear the community opinion.

So feedback is highly welcome and appreciated!

I tried hard on this challenge. It took me hours to configure Gulp for the first time. I also used CSS Grid for the first time (only in the footer, though) and made it work in IE 11. But the most challenging thing to me was to position background images.

Feedback is welcome and appreciated :)