Skip to content

Fixes #1: Create Responsive Grid On Landing Page

Maggie Jaenicke requested to merge MJ-1 into main

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

Closes #1 (closed).

Merge request reports

Loading