The javascript functionality works great!
Consider adding flex-direction: column to your <div class="time"> and change the grid-template-columns to 1fr on the <div class="card"> element when at smaller screen sizes for some responsiveness. You can use @media screen and (max-width: **px or rem size**): and add rules below. Check out CSS Tricks for an awesome explanation of media queries: CSS Media Queries Guide
0
