Skip to content
Submitted over 3 years ago

article-preview-component

Pierre Clouté-Cazalaa•65
@Kazalaa
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello everyone,

I had a lot of problemes during this project. I didn't manage to change the color of the share button as I wanted and to position it well in phone format (responsive). If you have any feedback for me, I would be happy to hear them.

Have a nice day !

Community feedback

  • Anna Leigh•5,135
    @brasspetalsPosted over 3 years ago

    Hi, Pierre! 👋

    I think the easiest way to handle svg color changes is to use inline svg and the fill property. Here's a short article that demonstrates some ways to use it. I also suggest adding border: none to your button, to get rid of the default border.

    To make room for the button on your mobile modal, you could change justify-content to start and add either gap or the margin property to the social links.

    Hope this helps and happy coding! 😄

    1

Please log in to post a comment

Log in with GitHub

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