I am trying to make my grid adjust at different screen sizes. I have it currently to display as a 2x3 grid when under 600 pixels in size and to display as a 3x2 grid when over 600 pixels in size. The problem I am having is that once my webpage passes 600 pixels in size, the image becomes massive and covers the entire page.
How do I prevent my image from growing and staying in its grid space?
CSS lines: 78-82 for @media and 71-76 for my grid.
HTML lines: 23-67 for contents of grid.