@denielden
Posted
Hi Nick, great job!
text-align: center works great ... if you try to reduce the width of the card to 22rem you will see that the text aligns in the center.
It seems to you that it doesn't work because the text has room to stay on only two lines and randomly ends up as if it were justified.
So it would have been enough to add some lateral padding to the p.
Here's what the max-inline-size property does exactly:
The max-inline-size CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the max-width or the max-height property, depending on the value of writing-mode.
Hope this help ;)
Marked as helpful
@NickODxyz
Posted
Thankyou @denielden that makes more sense now actually.
I appreciate the tips.
Nick
