Design comparison
SolutionDesign
Solution retrospective
Getting the mobile version gave me little hiccups even though I am familiar with responsivesness. I got the tabs, desktop sizes corrrectly but the mobile version below 325px
Community feedback
- @hyrongennikePosted about 2 years ago
Hi
Congrats on completing the challenge just a few things on mobile. Change to:`` .main-container { display: flex; flex-direction: column-reverse; padding: 2%; }
column-reverse will put the image at the top. Also remove the `height: 50%` on the .img-div img rule on mobile the image is not displaying correctly and on the .bottom-text-container rule on mbile add `flex-direction: column;` to stack the stats. Hope that is helpful.
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