.grid_layout{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);grid-auto-rows:300px}.grid_tile{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;cursor:pointer;box-sizing:border-box;width:100%;height:100%;transition:all .3s ease-in-out}@media (max-width:200px){.grid_layout{grid-template-columns:repeat(1,1fr)}}@media (min-width:701px) and (max-width:945px){.grid_layout{grid-template-columns:repeat(3,1fr);grid-auto-rows:320px}}@media (min-width:946px){.grid_layout{grid-template-columns:repeat(4,1fr);grid-auto-rows:320px}}