Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Article Preview Component

#sass/scss#bem
Prabu S 630

@mgksp

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


all feedbacks are welcome

Community feedback

Ivan 2,630

@isprutfromua

Posted

Hi there. Good job!

I have some suggestions for improving the result

  • Always try to use native elements. It will be better if you use a button element instead of a div. So it can be controlled with the keyboard

  • You can also show the menu when you hover the button. With css:

.user__share-icon:hover + article-card__user__share-socials {
transform: translateY(0);
opacity: 1;
}

I hope my feedback will be useful.

Good luck and fun coding 🤝⌨️

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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