Frontend Mentor - Chat app CSS illustration

Solution retrospective
i have mobile notch hard no idea css
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@jgreen721
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!
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