Html Question posted in
Some basic documentation can be found here.

How to change a size of website logo in html and css?

My logo.png original size is 500×500, when i’m adding it to the header section its appears on the website with whole countainer on the middle. How to change it’s size by CSS to use it, whatever is it’s original size? Is it possible or should I adjust the logo for anyother size – if yes, please tell me what’s the good size?

I tried to adjust logo.png by CSS width parameter in % values to keep it responsieve.
Maybe I did something wrong with countainers?

Tags:

2

Answers


  1. 0

    It really depends on the result you’re trying to achieve. If you could share some code or even more details on exactly what you’re trying to achieve I’m happy to help you more specifically.

    But you could do something as simple as:

    <img src="image.png" style="width: 15%;">

    or

    <div style="width: 40px;">
    <img src="image.png" style="width: 100%;">
</div>
    Login or Signup to reply.
  2. 0

    I think if you will share what did you try to do it would be helpful, you can do it by pressing ctrl-m in your keyboard.
    For me , every time I try to resize the logo i do it on external CSS file here is an example

    img {
width: 50%; 
}
    <img src="https://farm1.staticflickr.com/836/39709319980_7b2159e8b5.jpg" alt="example">

    hope that I did able to help.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search