.page { /* border: 1px solid #000; */ width: 194mm; height: 279.4mm; display: grid; grid-template-columns: repeat(4, 48.5mm); grid-template-rows: repeat(11, 25.4mm); gap: 0; } .print-area { border: 0.1mm dashed #87CEFA; display: flex; justify-content: center; align-content: flex-start; margin: 0.25mm; } .print-area:nth-child(41), .print-area:nth-child(42), .print-area:nth-child(43), .print-area:nth-child(44) { padding-bottom: 4mm; } .print-area:nth-child(41) .qrcode, .print-area:nth-child(42) .qrcode, .print-area:nth-child(43) .qrcode, .print-area:nth-child(44) .qrcode { height: calc(100% - 5mm); } .item { height: 100%; width: 100%; display: flex; } /*Styling below is used just for positioning the items inside the label. */ .left-content { width: 24mm; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: inherit; font-size: 3mm; line-height: 3mm; color: #87CEFA; } .right-content { display: grid; font-size: 4mm; align-items: center; justify-content: center; height: 100%; width: auto; } .qrcode { height: calc(100% - 6mm); margin: 0; }