Submitted 6 months ago
Article preview component with interactivity using JS
@srijanss
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
- I got to learn about the css transition, transform and transform-origin property.
- I also got to learn about how to use CSS borders to create triangle shapes.
- I learned how to add event listeners and toggle share links block based on user interactions.
- I've also used window.innerWidth to decide on which share links styles to use for which screens. And update the viewPortWidth variable based on window resize so that screen size is updated and corresponding share link block is shown.
- managing styles for popup item in both desktop and mobile layout was a bit challenging
- I've used position property along side some calc() functions to make the popup work
Any feedback and comments are welcome.
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