@WolfMozart8
Posted
text-align
is for text only, for images you could use margin: 0 auto
or put the image into a div container with display: flex
and using aling-items: center
and justify-content: center
.
#illustration-thank-you {
width: 10rem;
margin-top: 3rem;
margin-bottom: 0;
/*this... or you can use `margin: 0 auto;` (the important thing is the **auto** for the sides left/right)*/
margin-left: auto;
margin-right: auto;
}
And another option could be:
/*this is a div that have the image inside*/
.image-container {
display: flex;
justify-content: center;
aling-items: center
}
Im not sure the $(#card) syntax that you are using (is that JQuery?), but pretty sure you can set those styles with that.
Marked as helpful