Stats preview card component webpage using HTML5,CSS3,Flexbox,Grid
Design comparison
Solution retrospective
I have created this webpage using Flexbox and Grid. It might not be pixel-perfect but that is not what I am trying to achieve anyways. Feedbacks are appreciated.(:
Community feedback
- @darryncodesPosted over 3 years ago
I think you've nailed it Nuray, nice one.
You might want to play around with the fixed height on the image as on some tablet size screen's it gets cut off.
@media (max-width: 1000px) .left, .right { width: 100%; height: 350px;
Or tweak this:
background-position: right center;
.Marked as helpful1@ganbnurayPosted over 3 years ago@darryncodes I kind of think that the laughing blond lady's face should be seen when media query start to work so I did this:
background-position:right top;
.I do not know if this is what you meant but I think it made the page look better on tablet size.Let me know if it is okay. And thanks for the feedback:)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