Responsive Social Media Links Profile (vanilla)

Solution retrospective
Without figma files to base the layout on, (budget : $0.00
😅) I found it challenging to get a close match to the jpg design images.
To solve this, I pasted the design images directly into the HTML, with position: absolute
and opacity: 0.5
to see where my layout was different from the original.
I hope it's turned out okay; (but I have been burned by the automatic screenshot on here using an elderly browser version before, so it might not look like it! 😤)
What specific areas of your project would you like help with?I experimented using min()
and max()
to dynamically adjust the width and padding of the element, but I haven't quite figured out how to make those changes feel proportionate - so that they happen at the same time and same rate.
Any tips on that would be appreciated!
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Alex Blue's solution.
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