Design comparison
SolutionDesign
Community feedback
- @MichaHuhnPosted 4 months ago
Your mobile view looks really good, well done.
There is a nice technique how to create equal columns. You can put the following code on the card component:
display: grid; grid-template-columns: 1fr 1fr;
Currently, the button text is squashed. That can be fixed by removing to padding left and right. After that,
width: 100%
can be applied, so the button stretches from left to right.I hope that's a bit useful.
Marked as helpful0
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