tablets & smartphones responsiveness

[livikavesi]

Definition of Done

For every submission to the codebase, check that it meets the DoD below.

• [x] Code fulfils the user story and scenarios set out in the github task and UI prototype.
• [x] The feature has been thoroughly manually tested. (Ask other devs to give some fresh eyes on this as you go.)
• [x] All tests run and passed from terminal. Any broken tests fixed, not disabled or skipped.

  npm test

• [x] Tests added or updated where appropriate. (Be pragmatic about adding new tests, think; how critical is this module or function? If this function broke due to changes, how would it affect the user experience?)
• [x] eslint run and passes. Any issues fixed.

  npm run lint

• [x] PR created in Github.
• [x] Two peer reviews from other devs.
• [x] One peer review from one of the teachers.
• [x] After all the peer review comments are addressed, the branch is merged to main!

[EliseWei]

Hallo, @livikavesi @Luke-vanKan @henrytake2, if this is ready for teacher code review, could you do a couple things please?

1) tick all the items in the PR template that have been completed. This should include the linter, manual testing, and creation of a PR, at least 🙃 2) for peer reviews, can you get at least one of your reviewers to "Approve" the PR here in github? It looks like this:

I can start taking a look at this, in the meantime, though. Thanks!

[Luke-vanKan]

Have removed the duplicate :)

[EliseWei]

One unresolved question from code review as well as the request to please tick off items in Definition of Done and get your peer reviewer to "Approve"

And good work on the fix!