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 master using sass

@HugoPadilla

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


Hi all, Thank you for taking time to review my code!

Creating the floating element was a challenge for me, thanks to this I understood a bit more about css positioning. However, I was using the overflow:hiden property on the card to prevent the image from leaving the container when applying the border-radius property. This was causing the floating element to be cut off as well. I have removed that option and made more far fetched options to achieve the goal. In this section, is my implementation ok or are there any options to improve this?

I welcome your recommendations or comments.

Community feedback

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