This is a solution to the Article preview component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the component depending on their device's screen size
- See the social media share links when they click the share icon
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
- I struggled a lot with hiding/showing the social media buttons bubble, because I just didn't feel it right to only show it when it is clicked. But I hope I nailed it.
- I learned new JavaScript methods, such as SetTimeOut, ClearTimeout
- Frontend Mentor - @kemenyfa-szu