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

Code 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;
}

2 Likes
10

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