CSS печать и Flexbox

Question

Здравствуйте, я хотел бы создать страницу с использованием css print.Я посмотрел вокруг и в Интернете я попробовал кое-что, но, к сожалению, выравнивание не работает.

Макет Я хочу произвести:

вот мой html

<section class ="page_1">
   <p class="paragraph_1"> .... </p>
   <p class="paragraph_2"> .... </p>
</section>

Итак, я попытался сделать несколько CSS с запросом печатных СМИ

@page {
   size: 8cm 13cm; /*custom size*/
   }
 @media print {
   section[class ^="page"] {
     position: relative;
     /*Same as the page size*/
     width: 8cm;
     height: 13cm;
     display: flex;
     justify-content: space-around;
     flex-direction: column;
     align-items: center;
     page-break-after: always;
     padding: 0.5cm 2cm;
   }
   p[class ^="paragraph"] {
     /*NOTHING TO ADD FOR THE ALIGNEMENT*/
   }
 }

Это не прошло, как ожидалось.(оставить пустую страницу и не сгибать элементы)