Skip to main content
Hosun
Hosun
Inspiring
June 6, 2019
Answered

Resizing the image

  • June 6, 2019
  • 2 replies
  • 479 views

Hi,

Moving from Tablet to Mobile, I want to make the logo image smaller.

How do I do?

Hosuns Portfolio 3

Hosun Kang

This topic has been closed for replies.
Correct answer osgood_

Just set the width of the logo in the mobile media query:

@media (max-width: 500px) {

.logo {

width: 40px;

}

}

2 replies

O
osgood_Correct answer
Legend
June 6, 2019

Just set the width of the logo in the mobile media query:

@media (max-width: 500px) {

.logo {

width: 40px;

}

}

    Hosun
    HosunAuthor
    Inspiring
    June 6, 2019

    Hi,

    Thank you very much for your reply.

    Does width and height change "in proportion"?

    Hosun Kang

    O
    osgood_
    Legend
    June 6, 2019

    Hosun  wrote

    Hi,

    Thank you very much for your reply.

    Does width and height change "in proportion"?

    Hosun Kang

    Yes height and width change in proportion, you only need to set a width or a height.

    Normally I don't use fixed width for images but I think logos are a good example of where a fixed size can work well. Set the size you think looks good for desktop/tablet/smartphone

      BenPleysier
      Community Expert
      BenPleysierCommunity Expert
      Community Expert
      June 6, 2019

      Have a look at Responsive images - Learn web development | MDN

      Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices