Browse:Animation/styles.css

/* Responsiveness for top row of most recent seasons */ .top-seasons { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }

@media (min-width:1181px) and (max-width:1451px) { .top-seasons { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } }

@media (min-width:1001px) and (max-width:1180px) { .top-seasons { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } }

/* Aligned rows for season list vertical */ .season-list-vert { flex-basis: 200px; background: #E0F2B6; padding: 10px; border-radius: 10px; margin: 2px; text-align: center; display: grid; grid-template-rows: repeat(5, 120px); }