Profile card component - css flexbox

Solution retrospective
thanks for having a look at my project will love your feedback on how I can improve better
Please log in to post a comment
Log in with GitHubCommunity feedback
- @seniorteck
I tried it out, I toggle the 2box which stands for (device toggle bar) and I have it set to 375px in width, is this how I will be checking for the min-width for mobile device
- @AgataLiberska
Hi @seniorteck, I would suggest trying a different way of sizing your card, and maybe modifying your media queries. Now you've got margin set to 15% on screens wider than 375px, the card is really wide on desktop, but below that (on smaller mobile screens), your
max-width: 1440px
media query kicks in which sets max-width to 30%, so the white container is really narrow and the content overflows the card. Do you know how to check how your work looks on different screen sizes in your browsers? Because that helps a lot.If you have any questions, let me know, I'll do my best to help :)
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