Design comparison
Community feedback
- @DumtePosted over 1 year ago
You can position the card at the center of your page by applying these snippets
body { display: grid; place-items: center; min-height: 100vh; }
Secondly, your work is not responsive to mobile device. If you are using grid, in your media query, you can apply
container{ grid-template-columns: 1fr; }
To make it single column on mobile device.
Thirdly, the topography of your card doesn't correlate with the actual design. The actual design doesn't have a button shadow.
0@frajrgjPosted over 1 year ago@Dumte Yeah thanks! I really wanted to just finish so I didn't spend to much time on the layout and responsiveness. The actual design does actually have some button shadow, although it's a lot less strong then the one on my design.
1
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