Skip to content
Submitted almost 3 years ago

HTML, CSS, CSS Variables and Flexbox and Javascript

David Turner•4,150
@brodiewebdt
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

I didn't do the changed state of the share button when active. I didn't want to spend the time using filters or changing the color of the arrow.svg. Any suggestions would be appreciated.

Update: Fixed missing background color and incomplete Google font link info.

Community feedback

  • Ayoub Amkhazzou•280
    @ayoamPosted almost 3 years ago

    if you are using <svg> tag , you can change it's color in css :

    svg path{fill:white}

    hope this feedback helps.

    Marked as helpful
    1
    David Turner•4,150
    @brodiewebdtPosted almost 3 years ago

    @ayoam I have done that with footer logos in other projects. I didn't want to do the code for swapping them out or using filters. I did most of this early last year, and wanted to get it out the door. Thanks for the reply.

    1
  • Michaella•80
    @michaella23Posted almost 3 years ago

    looks great David!

    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