JSFiddle - React, Tailwind, and code Playground

by Sagar Naliyapara

HTML

<body>
<div>
<div id='sidebar' class="hidden-print">
  123
</div>
<div id='main-container'>
  456
</div>
<button id='print' class="hidden-print" onclick='window.print()'>Print</button>
</div>
</body>

CSS

@media print{
.hidden-print,
tr.hidden-print,
th.hidden-print,
td.hidden-print{display:none !important},
#main-container {
    margin-left: 0px!important;
}
}
#sidebar {
    width: 200px!important;
    opacity: 1;
    position: fixed;
}
#main-container {
    margin-left: 200px!important;
}