resolve sizing issue

[TheShonuff]

Fixes

Fixes #[issue number] by @[issue author]

Types of changes

• [ ] Bug/Hot fix (non-breaking change which fixes an bug)
• [x ] New feature (non-breaking change which adds a functionality/feature)
• [ ] Refactoring Old Code ( non-breaking change replacing already existing code)
• [ ] Breaking change (fix or feature that would cause existing functionality to change)

Description

Resolved sizing issue by adjusting css values. The height is no longer a percentage. The flex box collapses from flex-row to flex column when the screen size hits 500px.

Preview Link

Checklist:

• [ ] I have read the CONTRIBUTING guidelines in repository.
• [ ] My pull request has a descriptive title and is attached to an existing issue.
• [ ] I haven't repeated the code and it follows established code style of repository.
• [ ] My branch is up-to-date with upstream branch.

[TechSpiritSS]

Great 👍