.wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { .wrapper { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 475px) { .wrapper { grid-template-columns: 1fr; } }