Skip to content
Submitted over 2 years ago

Article Preview with responsive design using Stylus

cacosted•570
@cacosted
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 would appreciate any advice or suggestions, specially on the active button or the SVG, I tried to added on HTML to change the color dynamically but I didn't knew how to handle the <svg> to resized

Community feedback

  • RIcardo•190
    @RicardoSerrano19Posted over 2 years ago

    Its not posibble to change the color with the 'color' property, what i did: apply a filter:brightness(100) to paint white the svg.

    0
    cacosted•570
    @cacostedPosted over 2 years ago

    @RicardoSerrano19 Interesting I didn't thought about that I'll try that. For your info, you can change the color of the SVG if you put it directly in the HTML with <svg></svg>, then you can change it with fill: color

    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