Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats preview mobile first approach with HTML & CSS

@ASteven21

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I would love to receive some feedbacks regarding any improvements that could be made especially regarding the responsiveness of the image since I personally think that it's still not good enough. Thanks!!

Community feedback

@AgataLiberska

Posted

Hi @ASteven2! What is it that bothers you about the image? It looks okay to me but if you provide more details we can try to figure it out :)

1

@ASteven21

Posted

Hi @AgataLiberska! Thanks for the reply. So I put the image and the text in a div. When I tried to reduce the size of my browser window to test for the responsiveness, the image and the text doesn't share a 50% width. So I was wondering if there are ways to make them share a 50% width in the div. Thanks again :)

0

@AgataLiberska

Posted

@ASteven21 Try adding flex: 1 (which is shorthand for flex-grow: 1) to the text div. I tried it in the browser and it seems to get the effect you want :)

1

@ASteven21

Posted

Hi again @AgataLiberska! I tried doing it and it works :) Thank you so much for you help, it means a lot!!

0

@AgataLiberska

Posted

@ASteven21 awesome, happy to help :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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