body{background:#fff}main{display:grid;grid-template-rows:auto;grid-template-columns:100%}.search{grid-column:1;grid-row:1}.content{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:3rem;margin-top:2rem;padding:1rem}@media (min-width:1024px){body{background:linear-gradient(#18baad 0px,#fff 200px);;}main{grid-template-columns:1fr minmax(900px,1400px) 1fr}.content{grid-column:2/3;grid-row:3;padding:0;flex-direction:column;flex-wrap:wrap}.search{grid-column:1/4;grid-row:2}}