@Carson-Haskell
Posted
Hey, great job! Consider changing the width of the grid-container
to width: min(95%, 70rem)
.
Also, try changing grid-template-columns: 20rem 20rem
to grid-auto-columns: 1fr
. Reason is because, if you enter responsive design mode on your browser and shrink it down, there's a certain width where it doesn't switch to mobile layout, but it stops shrinking--it just gets cut off. I think changing those two properties will help solve the problem. Also maybe adjust your media query breakpoint to like 768px or something that it breaks sooner!