Fix: overflow of video element on screen width less than 700px

[mohitgangwani]

Closes #132

The video now takes the 100% available space according to the device width, the box sizing property makes sure that the padding and margin remains intact.

[tusharnankani]

Hi @mohitgangwani
Thank you for your promptness with the PR.

A few things:

• Edit your message and write: Fixes #<issue-number> or Closes #<issue-number>
  • This links your PR to the respective issue and automatically closes that issue, when this PR gets merged.
  • Example
• Your PR is failing an automated check. You can read clicking Details on where it is failing.
  • Hint: It is a lint error, so it has something to do with linting. Check which file and potential fix.
  • Read more in this issue.
• Let us know if you have checked for responsiveness and tested the fix on all devices.

[mohitgangwani]

Should I close this PR and make a new one? (I am new to contributing please excuse me). I have fixed the linting errors, and tested the fix from the dev tools, it is working for devices < 700px.

[tusharnankani]

Commit on this branch. We can then squash all your commits into one, before merging the PR.

[mohitgangwani]

Hey, I have fixed the lining issue and have edited the title.

I tested the width property to make sure it is working fine on devices with width < 700px via devtools. Works fine.

[tusharnankani]

Look good to me. Thank you for your contribution, Mohit!