Stats Preview Card done with HTML and CSS

Solution retrospective
I had trouble getting the image and the information boxes to stack vertically for the mobile layout on this. Does anyone have any tips on what I could do to make this work? I am out of ideas.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @RayaneBengaoui
Hello Tyler,
Congrats for completing your first challenge🙂
I think I might know what cause you trouble here. You need to use
flex-direction: column
to your container class (I saw you add it to panel information but we don't need it here as it works witha parent/children relation, here the parent is the container and the children are the 2 panels).But even after using it, the outcome is the same, nothing is displayed 😁 and that's because you have no height on your panel image (if you inspect on chrome for example, you'll notice that there is only a width multiplied by 0), so by adding a
height
property the image should be visible.Now you might be able to continue your challenge, let me know if it helped ! 😉
Overall, well done for the challenge and happy coding ! 😃
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