#CSS img alignment issues

1 messages · Page 1 of 1 (latest)

daring sedge
#

also, is the outlined white space normal? i have the code taking up the entire page but it doesn't seem to be doing so... is this just bc it isn't deployed ?

dusty slate
#

pretty sure the white outline is the default margin of the body element

sharp kite
#

I think the image isn't centered because your css is putting the top left corner in the right place but not the center. You need to offset it left half the width of the image somehow, and perhaps offset it vertically as well.

#

I would suggest using flexbox to center the logo

#

Or using margin-left:auto and margin-right:auto

sharp kite
dusty slate
#

margin I think since the background isnt there

sharp kite
#

Anyway, OP can try this <div style='width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:64px'>...logo goes here...</div>