you can avoid using flexbox or grid just to center a single block element. if you set a defined width on your container, setting
margin: auto;
will handle the horizontal positioning perfectly. this works best when the element is a block-level component w/ a fixed or maximum width. stop overcomplicating simple layouts with unnecessary display properties.
>it keeps your css clean and readable.just don't forget to set a width or it won't do anything