Article Preview

Solution retrospective
I actually used bootstrap on this for the horizontal card! That was interesting and I am glad I was able to incorporate it. It helped with responsive layout and was easier than using a bunch of media queries I think.
What challenges did you encounter, and how did you overcome them?Getting the share div working right was challenging. I have had trouble with z-index and using different position types for different elements, but was able to figure it out this time - certainly in part due to feedback and comments I have received on other solutions.
What specific areas of your project would you like help with?Two things:
-
I attempted to use jquery and the toggle() method to show/hide the share container but it messed up the formatting/alignment bad. Could not figure it out so used normal JS instead. Is there a way to get around that?
-
Help with the icon background when clicked, I could not get that looking right.
Thank you!
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@rainbowsurfer137
Nice job!
For the icon you could create a wrapper for the svg, give it a border-raduis of 50% and apply the background color.
Marked as helpful
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