qr code component solution using flexbox

i use flexbox with justify-content: center and align-items: center with min-height:100vh to make sure the element position in the center but is it good enough or there's better solution for this use case ?

i also experimenting to add paragraph description style with padding left and right with the value of 20px to make it looks like on the design, at first i want to use <br/> but i don't think it's a good idea and i don't know what is the better solution than this.