JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<page size="A4">
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_english.png">
</div>
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_gujarati.png">
</div>
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_english.png">
</div>
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_gujarati.png">
</div>
</div>
<div class="row">
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_english.png">
</div>
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_gujarati.png">
</div>
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_english.png">
</div>
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_gujarati.png">
</div>
</div>
<div class="row">
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_english.png">
</div>
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_gujarati.png">
</div>
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_english.png">
</div>
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_gujarati.png">
</div>
</div>
<div class="row">
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_english.png">
</div>
<div class="col-md-3">
<img src="https://www.vsss.co.in/Admin/uploads/710451/11_gujarati.png">
</div>
<div...
CSS
page {
background: #fff;
display: block;
margin: 0 auto;
margin-bottom: 0.5cm;
box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
position: relative;
}
page[size="A4"] {
width: 21cm;
min-height: 29.7cm;
}
page[size="A4"][layout="portrait"] {
width: 29.7cm;
min-height: 21cm;
}
@media print {
body {
visibility: hidden;
}
page[size="A4"]>* {
visibility: visible;
}
}
.col-md-3 img {
height: 100%;
width: 100%;
}
.nogutter {
margin: 0 !important;
padding: 0 !important;
}