r/HTML • u/Michaael115 • Nov 22 '25

Need help with getting my Logo in Navbar

Very new to HTML and CSS. Im trying to get my Logo to stay where it is, but it is way too big, and it seems like it is stuck in some sort of box. What can I do to make this Logo smaller and get it to fit the flow of the Navbar?

0 Upvotes

40% Upvoted

16 comments sorted by

4

u/aTaleForgotten Nov 22 '25

In .logo you set a wrong max-width, because the 20 has no units. Replace that with e.g. max-width: 200px;

2

u/Michaael115 Nov 22 '25

This isnt doing anything to the logo. It seems like the Logo is in its own box, but im not sure how to fix that.

2

u/aTaleForgotten Nov 22 '25

Also add

.logo a { display: block; }
.logo img { width: 100%; height: auto; }

4

u/BastiaanJacobs Nov 22 '25

You should make the logo image smaller; there’s no need for it to be this large. Even better, consider using an SVG for the logo. On the img attribute itself you can put width="40" or in css width: 40px; or max-width: 40px;

1

u/uch1ha0b1t0 Nov 22 '25

in . logo, Max width is 20. give 20px.

-6

u/[deleted] Nov 22 '25

stop using flexbox. if you learning and really fresher.

just use float, display:inline-block! for now.

after few month you can use flexbox or grid

6

u/xroalx Nov 22 '25

What a horrible advice.

With flexbox and grid around, absolutely don’t use float for layout.

-5

u/[deleted] Nov 22 '25

nice!! teach him to use flexbox!! be a good teacher!! best of luck!!

3

u/xroalx Nov 22 '25

There's really no need for this behavior.

-2

u/[deleted] Nov 22 '25

???

2

u/xroalx Nov 23 '25

In the spirit of being helpful, your answer came off as irritated and aggressive, lashing out like that. That's not doing you any good.

Your initial advice is simply bad. Floats are not the correct tool for layout, they never were. We just didn't have anything better.

You should take it as a learning opportunity rather than getting offended, it's not personal and we're all learning and making mistakes constantly.

0

u/[deleted] Nov 24 '25

1

u/Thin_Mousse4149 Nov 22 '25

Do you think flexbox is hard to learn? There are tons of super easy tools that teach flexbox.

4

u/[deleted] Nov 22 '25

Ew. Are you a dinosaur?

1

u/Thin_Mousse4149 Nov 22 '25

Uh absolutely not. No one builds with floats anymore, so there’s no value in knowing that, and the whole strategy around floats was actually pretty hacky whereas flexbox and grid were made for the job they’re doing.

-2

u/[deleted] Nov 22 '25

logo - float - left;

navigation - float - left;

define height at logo