Fixed the right overflow of small cards in the cards section.

[jaivsh]

Pull Request Template

Description:

I've modified the card-design in such a way such that it doesn't overflow on any screen size, ranging from a large sized tablet to a small sized smartphone.

Changes Made:

-Modified the design of the card so as to allow itself to be more accomodative while adhering to the basic layout of all the cards.

• Changed the width and height of affected cards to prevent the overflow.

Related Issue:

fixed #196

Screenshots/GIFs:

Testing Done:

I've tested the modification in the following emulators in android studio:

• Pixel 4
• Nexus 10
• Pixel XL

Checklist:

• [X] The code follows the project's coding style guidelines.
• [X] Unit tests have been added or updated to cover the changes.
• [X] Documentation, if applicable, has been updated to reflect the changes.
• [X] All new and existing tests pass successfully.

Please review and merge this PR at your earliest convenience.

Thank you!

[Debajyoti14]

@jaivsh There are a lot of merge conflicts due to the merge of a similar PR. Can you make a new commit to fix all these conflicts?