Implement 404 page

[MehulKChaudhari]

Fixes: #884

Desktop:

Mobile:

[netlify]

✅ Deploy Preview for ember-api-docs ready!

Name	Link
🔨 Latest commit	96fbf4d
🔍 Latest deploy log	https://app.netlify.com/sites/ember-api-docs/deploys/65d773aaaaa5e4000855a9a8
😎 Deploy Preview	https://deploy-preview-906--ember-api-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[MehulKChaudhari]

Hey @MinThaMie, Please have a look at this PR? I have made changes keeping website-redesign as base branch.

[evoactivity]

Could I suggest something more like this

---

1. Add padding to the .whoops class, my example screenshots are 4rem on desktop and 2rem on mobile
2. remove flex-direction: column; on desktop
3. reduce size of tomster to around 240px on desktop

[MinThaMie]

I wholeheartedly agree with @evoactivity :) If you implement those changes I'll approve :)

[MehulKChaudhari]

I wholeheartedly agree with @evoactivity :) If you implement those changes I'll approve :)

Made the changes, but Instead of 2rem padding in mobile I have used --spacing-3 variable which is 1.5rem does that work or we should add hard coded 2rem value?
@MinThaMie @evoactivity

[MinThaMie]

I'm happy with the --spacing-3

[mansona]

one last thing and it should be good to go 👍

Cause it was fixed :)

[MinThaMie]

Thank you very much @MehulKChaudhari

[MehulKChaudhari]

Thank you very much @MehulKChaudhari

Thank you, Please let me know if there is any task that I can pick up.