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.
2 Replies
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.Thank you