求助：已完成的HTML/CSS项目适配小屏幕及CSS媒体查询问题

我正在开发一个课程项目网站，目前碰到了无法适配手机等小屏幕设备的问题。有人建议用Bootstrap解决，但我已经完成了项目开发，不想重新基于Bootstrap重构，希望能得到帮助完成响应式适配。

项目仅包含纯CSS和HTML文件，我尝试过让信息页面实现响应式，但目前只有这个页面的布局是固定状态，没能完成适配。

内容的提问来源于stack exchange，提问作者sami boutgoulla