Skip to content
Submitted over 2 years ago

Expenses chart component using Angular

GinhTony•110
@SonTonyD
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Expenses chart component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hello, I have some difficulties to make svg responsive in my projects. Do you have some tips ?

Community feedback

  • perfStack•160
    @perfStackPosted over 2 years ago

    Hi, This csstricks article might be helpful :- https://css-tricks.com/scale-svg/

    My solution in which i used the viewbox trick :- https://storied-kitten-ffc04e.netlify.app/

    Relavent file where i implemented viewbox :- https://github.com/perfStack/Interactive_comments/blob/main/src/lib/comments/cards/card/counter/Incrementer.svelte

    Hope it helps.

    Marked as helpful
    1
    GinhTony•110
    @SonTonyDPosted over 2 years ago

    @perfStack Hi, thank you for your reply. I will read this and take a look at your project.

    0

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