how to fix the display for different widths

i did this frontend mentor challenge https://www.frontendmentor.io/challenges/stats-preview-card-component-8JqbgoU62 and i'm struggling with the width and height , i think it works for the small mobile display and the full screen is okay but it's not working properly for the widths between. https://codepen.io/lzguijjm-the-decoder/pen/dyQazYd https://codepen.io/lzguijjm-the-decoder/full/dyQazYd can someone show me how to do it in my code (i'll be glad to receive feedback / extra tips or advice)
Frontend Mentor
Frontend Mentor | Stats preview card component coding challenge
This is a great small challenge to help get you used to building to a design. There's no JS in this project, so you'll be able to focus on your HTML & CSS skills.
sara
CodePen
dyQazYd
...
sara
CodePen
dyQazYd
...
2 Replies
Kevin Powell
Kevin Powell16mo ago
honestly, it looks pretty good. On the .card-text, I'd probably use a max-width instead of a margin-right, and I'd remove the margin: 0 from the body because at some sizes it touches the edge of the page, and remove that prevents that from happening.
sara
sara16mo ago
Thank you
Want results from more Discord servers?
Add your server