响应/自适应设计;表格到单个项目根据屏幕大小

Question

我正在重新设计调查应答程序，我希望它可以在台式机，平板电脑和智能手机上运行。桌面和平板电脑可以使用或多或少相同的界面，但手机是另一个问题。

大屏幕应用程序界面或多或少是一个表，第一列中有一组问题，下一列中有答案。 （问题可以有1个（bool）到9个选项）。但是这种设计不容易转移到更小的屏幕上。所以我的想法是在屏幕宽度低于某个阈值时显示单个问题。

所有问题都已预先加载，所有答案都会在“点击”时推送到服务器。 （是的JS是要求回答）。我正在使用CSS在大屏幕应用程序的“页面”/“组”之间进行转换。在小屏幕上我想做同样的事情，这次只是在单个问题而不是问题组之间。

看我精致的素描：

我可以使用“响应/自适应设计”吗？或者我应该在不同的屏幕尺寸上加载两个不同的视图？