.wrapper { display: grid; grid-template-columns: 1fr 2fr; max-width: 1200px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 8px 32px 0 rgba(83, 89, 179, 0.37); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); border-radius: 30px; } @media only screen and (max-width: 950px) { .wrapper { grid-template-columns: 1fr; max-width: 600px; margin: 20px auto; } } @media only screen and (max-width: 600px) { .wrapper { margin: 0; border-radius: 0; } }