Social Links Profile | Plain HTML, CSS

To make the central container vertically aligned, I used the following CSS on its parent element, the body tag:

body {
    margin: 0;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

(See this html and this css.)

Is this considered a good practice?

P.S.: When I tested it for responsiveness on Edge Dev tools, it seemed to do its job in keeping the main div (the links container) in the middle of the screen as long as the content inside the main div did not itself overflow.