[BUG] Dynamic View Based on Screen Size

[avayedawadi]

Description

• Currently, the Digital Library is not responsive to screen size changes. Everything appears to have been designed in a static manner which brings up clear issues.
• We will need to have the standard cards be dynamic and push down the screen instead of just being cut off.
• The preferred implementation for this would be to wrap everything in a Flexbox and have everything be dynamic that way, but feel free to implement how you see best.
• Official Figma designs will be ready by Oct 20

Acceptance Criteria

• Digital library cards re-size dynamically according to the size of the screen.
• There should be no overlap text when adjusting the screen.
• No cards are cut off by the screen and there is a margin around the cards so the cards aren't right up on the border of the screen.

Other Notes

Cards should not be right up on the edge of the screen, there should always be some margin

Cards should not get cut off by the screen edge