Submitted over 3 years ago

Vue Slot + Flex & Grid Solution

vue

raionus•370

@sinjin25

A solution to the Expenses chart component challenge

Preview Code

Solution retrospective

Vue solution abusing slots. Used grid instead of flex on the chart itself because I designed it last (so I had I knew the height it had to be ahead of time).

Questions: Any feedback on how to modify the size of the svg while keeping the aspect ratio? I literally just modified the height and width which didn't exactly give the results I wanted.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on raionus's solution.

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