Responsive article using HTML, CSS and Vanilla JS

Please log in to post a comment
Log in with GitHubCommunity feedback
- @GregorDeCillia
Very nice work! I like how the image resizes with the viewport width. It seems the mobile version of the "hare menu" cannot be closed though. In the design, they attached the share icon to the menu and I think the intention is that the menu closes when the button i clicked again.
In case the missing piece was re-coloring the share icon, this will help you: https://stackoverflow.com/questions/22252472/.
Here is how you can apply it for this particular project
svg.share-icon:hover { filter: brightness(0%) invert(73%) sepia(58%) saturate(328%) hue-rotate(355deg) brightness(102%) contrast(102%); }
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