Submitted 23 days ago

Responsive article preview component

accessibility, sass/scss, animation

FR-UX-EN•210

@FR-UX-EN

A solution to the Article preview component challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

It was pretty hard to implement interactions when the share button was clicked. However, I got to work it out!

What challenges did you encounter, and how did you overcome them?

&.active, &:active Implementing animations for the both interactions(mobile, desktop) Had to review position(absolute, relative), transform, visibility. It was challenging to understand creating a triangle tooltip by only using transparent borders. This CSS trick was astonishing.

Code

Please log in to post a comment

Community feedback

P
Oksana Melnyk•10
@oxanamelnyk
Posted 20 days ago
good job!

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