aligning logo in nav-bar | Scrimba | Page 1

candid mango Oct 20, 2022, 3:35 PM

#

hey guys just wondering if there is a better way for me to align my logo picture with my navbar as it does not resize very well.

leaden ether Oct 20, 2022, 4:53 PM

#

you want to keep your navs at left corner bellow logo ?

hexed knot Oct 20, 2022, 5:23 PM

#

maybe select them both and use the same line height or maybe justify both items center center

smoky mesa Oct 20, 2022, 5:43 PM

#

Add padding around the logo? Or use the same margin as you did around the nav.

candid mango Oct 20, 2022, 6:38 PM

#

thanks guys its more vertically that id like to center it

#

i moved the button up by removing top:2rem i think it looks a little better now

candid mango Oct 20, 2022, 7:07 PM

#

what id like is for my image to be responsive within my navbar @smoky mesa @hexed knot

candid mango Oct 20, 2022, 7:31 PM

#

#

for example my text and nav links stay the same but my image resizes way too small

#

https://github.com/b-giblin/ironwill

versed bear Oct 20, 2022, 9:16 PM

#

Have you learnt how to use flexbox? If you wrap the nav and logo in a container like a <header></header> tag you can position them both at the same distances from the top and sides.

#aligning logo in nav-bar