Submitted over 1 year agoA solution to the Single price grid component challenge
Single price grid component - CSS Grid and custom properties
@dkaffes
Solution retrospective
🙏 Please enlighten me!
The Sign-up <a> element breaks to a two-line text at 360px. And as the width becomes smaller the whole button breaks because of its padding settings.
- What is the smallest width that we need to ensure the design is ok and does not break? Is it 320px?
- Does it make sense to create more media queries for widths smaller than 320px?
My query is general and not only for these FrontEnd Mentor challenges.
Thank you!
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on dkaffes's solution.
Join 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