Skip to content
Submitted about 3 years ago

3-Column-preview-card-component using flexbox

Juveria Dalvi•1,375
@Juveria-Dalvi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello people's, how do you change the size of that svg-image? I tried doing it but was not able to resize it. Let me know if you have any idea how to resize the svg-image in this project. and feel free to suggest me how I can improve my mistakes so that I can update my solution.

Community feedback

  • Mohamed Hussein•305
    @MohamedHussein05Posted about 3 years ago

    SVGs are different than bitmap images such as PNG etc, so increasing the width of the img won't make the icons any taller if the height is restricted.

    You'll just end up with the img horizontally centred in a wider box, check this article to know How to Scale SVG.

    You also can use a tool like this one resize SVG as a quick solution.

    1
    Juveria Dalvi•1,375
    @Juveria-DalviPosted about 3 years ago

    @MohamedHussein05 thanks

    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