Design comparison
SolutionDesign
Community feedback
- @wideirpPosted 3 months ago
The javascript functionality works great!
Consider adding
flex-direction: column
to your<div class="time">
and change thegrid-template-columns
to1fr
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 Guide0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord