Currently, I am facing an issue specifically on XS or SM screen sizes.
For printing purposes, I have a specific style that I implement on my pages and I included the following code within @media print {}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left!important;
}
.col-sm-12 {
width: 100%;
}
... (and so on for all col-sm classes)
Despite everything appearing correctly when printing from MD screens and above, any attempt to print from SM and below results in everything being zoomed out to the top left corner of the page. The output looks similar to this:
https://i.sstatic.net/znJAY.png
Is there a solution available to ensure consistent MD format printing regardless of the screen size?