Fixes #1: Create Responsive Grid On Landing Page
Description
Adds in a responsive grid with a sample image. All information is being pulled in from ChartGrid.js
, which we can eventually populate with images from S3 and correct routes to subpages.
Changes Made
See ChartGrid.js
and ChartGrid.vue
How to Test
View the grid on all screen sizes. Test on other browsers if you have them.
Additional Notes
Exact sizing of images, margins, etc can continue to be tweaked down the line, but I think this adds some good bones for the gallery.
Merge Request Checklists
-
Ensure that code changes adhere to best practices documented in README.md
-
Clean the code the way Vue likes it - run npm run lint --fix
-
Document which browsers the site has been tested on: - Desktop/laptop
-
Chrome -
Safari -
Edge -
Firefox
-
- Mobile device
-
Chrome -
Safari -
Edge -
Firefox
-
- Desktop/laptop
Closes #1 (closed).