Responsive layout issue with project

Card Matching Game

I am building a card matching game for some practice, and I am struggling with some CSS. I cant figure out how to get the images in the area to scale down properly to smaller screens. Any suggestions?

It looks like CSS grid would be helpful here. If you are unfamiliar I suggest playing this game to learn the basics:

You can then set the size (height and width) of each grid section to be a percent of their parent element or use vh (view height) and vw (view width) units instead of pixels.

1 Like