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

@0hyodorie0

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


It looked easy but was harder than I thought. How do I place drawer image as same as its original design? Also I have a problem with hovering share icon. when I hover it, background circle can't be shown because of the new hover element (facebook, twitter, pinterest area) How can I fix this?

Community feedback

Ajdevise 335

@Ajdevise

Posted

Hello, If i understood correctly, the problem with the image is that it gets squished up? If that is the case then try adding these styles to your img. { width: 100%; height: 100%; object-fit: cover; }

2

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