Home/ Questions/Q 9271847
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T15:43:45+00:00

Can someone help me figure out why my logo image isn’t resizing according the

  • 0

Can someone help me figure out why my logo image isn’t resizing according the the browser size?

—————-CSS———————

body {
       height: 100%;
       background-color:#333;
}
#logo {
      max-width: 100%;
}
img {
     border: 0;
     max-width: 100%;
     height: auto;

}
#header-bg {
    background-image: url("header-bg.png");
    overflow: auto;
    width: 100%;
}

—————-HTML——————-

 <body>
    <div id="header-bg">
    <div id="logo">
        <img src="logo.png" /> 
    </div>
   </div>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The reason is, you have given max-width, which might be less than the original width. So giving width will solve your issue.

    img {
     border: 0;
     width: 100%;
     height: auto;
}

    Other than this, everything is right.

    If you feel that your image is not soooo big, that it occupies the whole width of the screen, give a smaller width to the parent, say 25%. And to the image a width of 100%. So the parent adjusts for sure according to the width of the screen, so is your image. :)

    • 0