Design comparison
SolutionDesign
Solution retrospective
I don't know how to set width for different screen sizes media query
Community feedback
- @hitmorecodePosted over 1 year ago
What you did is correct. You need to add the border on the buttons when hover.
@media only screen and (max-width: 575px) { body{ padding: 1rem 0; } .container{ /* display: flex; */ /* you don't need to repeat this, you already have this above */ flex-direction: column; /* align-items: center; */ /* don't need to repeat this also */ border-radius: 0.5rem; } }
Marked as helpful1@AslamtoIbrahimPosted over 1 year agothank you 🙂 @hitmorecode
Yeah, I really need to add border when hover
and delete these repeated lines.
0
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