Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 7 months ago

Article Preview Component Solution

Sameer Mehta•170
@Sameer1003
A solution to the Article preview component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What specific areas of your project would you like help with?

Please Please Please someone review my code and help me in re-structuring it.

  1. I had, at many places, used "overflow: visible;" just to make the share-popup be visible outside my main container. Please advice some improvement as I know that this is not the best practice.
  2. I don't know somehow my main image (the .card-img) is misbehaving. In one of the previous challenge i had already implemented same thing but this time I was unable to correct it. The issue is that the height and width of the card-img div is not getting applied in reference to the container div. This makes me forced to manipulate the values just so that I can get the site same as design.
  3. Any other suggestions that can help me understand the best practices are also welcomed.

I would really really appreciate anyone who can help me improve these things. As a beginner I would appreciate any kind of review. Please try to be specific with which part the improvement is possible.

Thank you.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Sameer Mehta's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License