Resizing the image

[Hosun]

Hi,

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

How do I do?

Hosuns Portfolio 3

Hosun Kang

[BenPleysier]

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

[osgood_ · Accepted solution]

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

@media (max-width: 500px) {

.logo {

width: 40px;

}

}

[Hosun]

Hi,

Thank you very much for your reply.

Does width and height change "in proportion"?

Hosun Kang

[osgood_]

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