@ -57,6 +57,7 @@ foreach ($tiles as $tile) {
order: <?php echo $tile["order"]; ?>;
width: <?php echo round((($tile["width"] * 1.0) / ($pubdata["columns"] * 1.0) * 100)); ?>%;
flex-basis: <?php echo round((($tile["width"] * 1.0) / ($pubdata["columns"] * 1.0) * 100)); ?>%;
flex: 0 0 calc(<?php echo round((($tile["width"] * 1.0) / ($pubdata["columns"] * 1.0) * 100)); ?>% - 10px);
}
<?php
@ -2,6 +2,8 @@
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding: 5px;
.pub-content {
@ -11,7 +13,7 @@
.tile {
padding: 10px;
margin: 5px;
.tile-html {
@ -19,6 +21,10 @@
min-height: 10px;
.tile-html img {
max-width: 100%;
@media print {
height: 100%;