Bootstrap - page size adjustments + mobile site capabilities

[cyberkiwii]

Is your feature request related to a problem? Please describe.
When website is viewed in mobile or window size is decreased, the images and size alignment and placements are messed up.

Describe the solution you'd like
We should use a layout with bootstrap (https://getbootstrap.com/) to create a layout, such as a grid system (https://stackoverflow.com/q/4462662/1179865) to achieve this. The linked I've provided will give more information about how to do this. The contributor(s) assigned to this task can also use other resources such as youtube and stackoverflow to learn how to do this. Here is a site (a visual bootstrap builder) I found on stackoverflow for those who are new to web development and bootstrap: (https://layoutit.com/build).

Describe alternatives you've considered
An alternative (that may just be a partial or 'Band-Aid' solution) might be to use a CSS grid layout. (here's a YouTube video: https://www.youtube.com/watch?v=7kVeCqQCxlk)

Or FlexBox (I don't know much about this!)
https://www.codeproject.com/Articles/762201/Adjusting-your-Websites-to-Fit-all-Types-of-Resolu

Additional context
Whoever is assigned to this project will have to research the best solution for this issue. Some solutions may be 'easier', but will not allow for window size adjustments long term. We also need to consider and research how the site will look and ease of using it on mobile devices.