summary dashboard using flex

You could use position: absolute; with top: 50%; left: 50% and transform: translateX(-50%) translateY(-50%); to center the whole main div that contains the element. Also even when creating just a module, it is still best practice to use landmarks if it is being published alone. In this case you could wrap it in a <main> tag and then apply the CSS I mentioned to that tag to get proper positioning.

noted, I centered it by only margin, that's why I seems without using position thanks for your comments and I'll improve in further designs.