Skip to content
OverviewSolutions
13
Comments
3
Neitodesu
@Neitodesu

All comments

  • Ahmad Hassan•310
    @Ahmadhassan0Submitted about 1 year ago

    I tried everything to change SVG image size but none of them is working, I also changed the width="48" and height="48" in SVG tag but it's also not working

    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
            <g fill="none" fill-rule="evenodd">
              <circle cx="24" cy="24" r="24" fill="#DFE6FB" />
              <path fill="#717FA6" fill-rule="nonzero"
                d="M32.574 15.198a.81.81 0 00-.646-.19L20.581 16.63a.81.81 0 00-.696.803V26.934a3.232 3.232 0 00-1.632-.44A3.257 3.257 0 0015 29.747 3.257 3.257 0 0018.253 33a3.257 3.257 0 003.253-3.253v-8.37l9.726-1.39v5.327a3.232 3.232 0 00-1.631-.441 3.257 3.257 0 00-3.254 3.253 3.257 3.257 0 003.254 3.253 3.257 3.257 0 003.253-3.253V15.81a.81.81 0 00-.28-.613z" />
            </g>
          </svg>

    Can you tell me how I can change the size?

    order summary component

    2
    Neitodesu•180
    @NeitodesuPosted about 1 year ago

    I'm not too familiar with messing with svgs but you could always throw it inside an <img> tag and resize from that

    Marked as helpful
    1
  • Neitodesu•180
    @NeitodesuPosted about 1 year ago

    Hello! As Induwara said, Kevin powell is an amazing resource for anything css! I'm no expert but I can say your css isnt looking bad. One thing to keep in mind is before we add any css, the page is already responsive. May not be pretty but it works for the most part. For simple projects as these "Newbie" ones, start with a "Mobile-first" approach. Once you block it out in mobile view it will be easier to add media queries where you need them. You would want to use ->

    @media screen and (min-width: 740px){
  content here
}

    Now whenever the screen is 740px or above, the content will change.

    0
  • Neitodesu•180
    @NeitodesuPosted about 1 year ago

    Not sure why none of the svgs are loading on this site but they work just fine in the live link. Who knows. On to the next!

    0