Design comparison
Solution retrospective
The non-JS basic CSS is getting easier.
What challenges did you encounter, and how did you overcome them?However, when making the button clickable, I found it hard to organise the CSS appropriately. In particular:
-
Defining a class to toggle on for the desktop version that I imagine would be a positioned element centred on the button and displaced up by some pixels
-
Defining a class to toggle on for the mobile version to make the social shares on the bottom of the footer. I struggled to find an efficient way, and in particular whether the button should be positioned above everything and the new footer class toggle on / off, or another approach.
Any best practices for the CSS for making the green share div float above the button in desktop mode, but without introducing a complex series of positioned elements that would break the mobile view!
Community feedback
- @arsh-dePosted 3 months ago
The design looks very good and is natural, however; I was unable to view the website page can you make sure the live website URL is correct.
0
Please log in to post a comment
Log in with GitHubJoin 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