I will chime in with my thoughts. I bet most of your website could be fixed to look good on mobile devices by doing some CSS tweaks. It doesn't have to look the greatest as all it needs to look good.
Here's what I do, first for all browsers including mobile:
/*--------------------------------------------------------------
Basic responsive layout for all browsers:
--------------------------------------------------------------*/
.site {
background-color: #fff;
max-width: 75em;
margin: 0 auto;
}
Then inside a media query for modern browsers (Firefox, Chrome for PCs)
.site {
max-width: none;
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: auto;
grid-gap: 0;
}
Sure it isn't going to look as polished as some of the major sites that you see, but people will be able to see comments and other thing information in a nice pleasing style that goes from edge to edge that is one right after another down the screen when they scroll. You and always go back to the restyling for mobile if you so decided to. BTW the .site class is in the HTML <body> tag.