Design comparison
Solution retrospective
I am proud of how responsive I made the page
What challenges did you encounter, and how did you overcome them?Displaying the soicals in deifferent pattern for both the mobile and desktop view. But I solved that with JavaScript
What specific areas of your project would you like help with?The only thing I was unable to replicate and need help with was making the share svg to be surrounded with grey color. I set the border but that made the svg smaller. I couldn't decipher how to achieve this without the size of the share svg being affected. Any help wil be higly appreciated. Point me in the right direction if you can. Thank you.
Community feedback
- @AminpatraPosted 3 days ago
Yo, sorry for my late response, however I've seen your commits in github, you are actually doing great keep going, I have a tip: When using top, bottom .. it is better to use px units with it not rems, rems is more for font sizes, and make the container the position absolute.
0 - @Al3sshuPosted 3 days ago
I would put margin-top with another row in the body, to lower it and center it, and see if you have a display :)
0@jonathanudehPosted 3 days ago@Al3sshu Thank you for your assistance. Though I looked at the codes of few solution and through them i noticed what i was missing was I needed to wrap the my svg image in a div and then style the div.
0
Please log in to post a comment
Log in with GitHub
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