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

HTML, CSS, CSS Variables and Flexbox and Javascript

P
David Turner 4,110

@brodiewebdt

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


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

@ayoam

Posted

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

P
David Turner 4,110

@brodiewebdt

Posted

@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

@michaella23

Posted

looks great David!

1

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