Design comparison
Solution retrospective
Hi! I didn't have any particular problem with this, but I appreciate any feedback :)
Community feedback
- @GauravkumarioPosted about 3 years ago
can you tell me how you made that share section and triangle div ? I'm doing same project but I'm stuck at this point.
0@Filippo-BPosted about 3 years agoHi @Gauravkumario !
The triangle is the easy part, it’s made by setting the width and height of a div to 0 and then playing with the width of the borders. You can use an online generator to make the life easier for yourself.
The share section it’s more complicated since you must style the same HTML it in two different ways for desktop and mobile, plus add a class with javascript when the menu is active that makes the section behave in two different ways (media queries here are essential).
I don’t understand exactly where you are stuck, can you be more specific? Feel free to download or fork my repo to understand how it works or even use it as a blueprint.
1
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