Skip to content
Submitted over 3 years ago

Article preview component

Yazdun•1,310
@Yazdun
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello ! Here is my solution to this challenge and I have a question on this:

  • On desktop, div which contains all social media icons, is bigger than card itself but card has overflow:hidden because I didn't want to add border-radius to the image, So when it reaches desktop breakpoint, I made overflow visible and added border-radius to the image. Is there anyway that I can cancel hidden overflow only for social media icons ?

✅ I'll be glad to know your thoughts and feedbacks on the solution and possible answers to my question.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • argel omnes•1,780
    @argelomnes

    Hi Yazdun,

    That's not possible. You can only cancel overflow:hidden from the element you applied it to. Good job! Love the subtle animation and theme switch.

    Marked as helpful
  • Nyein Chan Lay•350
    @CrystalNyein

    This is super cool. All the transitions are so smooth. But one thing is that theme button doesn't seem to work... As for the question, I'm still on a learning phase so, I did the same & I don't know how to improve it yet. Great work!

    Marked as helpful

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