How can I center my image element within the parent element?

Project Feedback
#1

How can I center my image element within the parent element?

#2

Please put your question in the post; it is much easier to read that way. Thanks!

1 Like
#3

done. would you help look into it now?

#4

Your post still only had a link. I moved your question to the body of your post for you.

#5

just put me through on how i can center my image element within the parent element. thanks!

#6

Would you put me through, please?

#7

Are you there to help me?

#8

Hi, you can use flexbox to center it.

for example, in your div that spans the entire width of the page use

display:flex;
flex-direction:column;
align-items:center;

Give the image a width to size it according to your needs

#9

Hi, thanks for the advice, figured it out already.
#image{
max-width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}

1 Like