Mobile first responsive page

Solution retrospective
I had trouble making the share window popup outside of preview card.
- I had to make overflow possible for that to happen. But then, the image and other items like popup active in mobile screen would overflow at corners neglecting the border radius.
- I still think my solution is half-baked.
I feel like I overcomplicated the CSS part
- maybe I should have tried making it more clean or using multiple classes for styling complex elements instead of pushing styles down the throat to one single class.
the Popup implemntation
making the structure cleaner or a overall better structure
And someone suggest me how do you pick semantically correct elements?
How do you pick class names and nested class names?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @harsh-mohan-99
this is so amazing that you managed to make look similar 95%.
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