How to fix display of my SVG logo?

HTML-CSS
1

hello

How to fix size of my SVG logo?

   <a class="navbar-item" href="#">
        <img class="navbar-logo" src="./HR - Home_files/logo.svg" alt="">
      </a>

2023-09-08 12.00.54 d507301061be
2023-09-08 12.00.54 d507301061be1118×199 2.15 KB

2

Hello!
Does
<img class="navbar-logo" src="./HR - Home_files/logo.svg" alt="" width="" height="">
not work ?

3

It actually doesnt

      <div class="left-brand">
          <a class="navbar-item" href="#">
            <img src="./HR - Home_files/logo.svg" alt="logo" width="500px" height="400px">
          </a>
        </div>

it remains the same way :frowning:

4

First, try refactoring your src path
because it’s a bad practice to include spaces to the route

bad:
./myDevice/folder project/logo.svg

good:
./myDevice/folder_project/logo.svg

In this example I renamed the folder called folder project to folder_project to avoid using spaces on the path.

Last you should remove px from the width and height

Check the documentation whenever you are stuck:

Cheers

1 Like
5

These are indeed good practices to adopt!
But I don’t think this really solves his issue.

6

Oh then the issue should probably come from somewhere else in the code. Can you please share all the HTML and the CSS related to that specific part ?

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.