/* how to center a div in css flexbox */
place-content: center center;
flex-flow: row wrap;
/* below two line is work fine and same for both flex and grid layout */
display: (grid or flex as your usecase);
justify-content: center;
align-items: center;