mdtohtml/style.css

body{   
    margin: 0;
    display: block;

}

.page {
        height: 297mm;
        width: 210mm;
        margin: 0 auto;

}

@page {
    size: a4;

  
}

.card {
    float: left;
    width: calc(210mm / 2 - 10mm); /* Adjusted width to fit 2 cards per row with margins */
    height: calc(297mm / 4 - 10mm); /* Adjusted height to fit 4 rows per page with margins */
    border: 1mm solid salmon;
    margin: 5mm; 
    box-sizing: border-box; /* Includes the border in the width and height calculation */
    overflow: hidden; 

    
}

h1{
    font-size: 10pt;
    font-family: 'Courier New', Courier, monospace;
    color: #c4007a;
    padding-left: 5mm;
    text-align: center;
    padding-top: 50px;
    overflow: hidden; 
}

p{
    font-size: 10pt;
    font-family:'Fjord', sans-serif;                             
    color: #9594c4;
    padding-right: 5mm;
    text-align: center;
    height:fit-content;
    overflow: hidden; 


}

img {
    width: 100%;;
    height: 100%;
    object-fit: contain;

}

@media print {

    * {
        box-sizing: border-box;
      }

    .body{
        margin: 0;
    }

    @page{
        size: a4;
        margin: 0;

    }
    .overflowing-element {
        overflow: hidden;
      }

}