Copy link to clipboard
Copied
Hi,
Moving from Tablet to Mobile, I want to make the logo image smaller.
How do I do?
Hosun Kang
Just set the width of the logo in the mobile media query:
@media (max-width: 500px) {
.logo {
width: 40px;
}
}
Copy link to clipboard
Copied
Have a look at Responsive images - Learn web development | MDN
Copy link to clipboard
Copied
Just set the width of the logo in the mobile media query:
@media (max-width: 500px) {
.logo {
width: 40px;
}
}
Copy link to clipboard
Copied
Hi,
Thank you very much for your reply.
Does width and height change "in proportion"?
Hosun Kang
Copy link to clipboard
Copied
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