Design comparison
Solution retrospective
i have mobile notch hard no idea css
Community feedback
- @jgreen721Posted 9 months ago
Nice job on this kinda tricky challenge. Looks good. I did notice a fair amount of specific width/heights on some of your elements in and general that can be a tricky path. It's generally better to try to style elements with padding/margin and allow the content to naturally fill an element. Putting on limits (ie:
max-width
min-width
) can be alright ,or there is a pretty helpful function calledclamp()
that takes 3 size arguments and handles responsiveness pretty well. That one is probably best for larger size containers/cards and less for your message/text divs but its still worth mentioning just cause its usefulness. Anyways, just couple suggestions but I appreciate CSS is a many ways to skin a cat type medium so take it for what its worth and again nice work!0
Please log in to post a comment
Log in with GitHubJoin 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