Survey Form is not responsive for mobile devices

<%= @topic_view.topic.title %>
<%= @topic_view.topic.average_rating %> <%= @topic_view.topic.posts.count { |p| !!p.custom_fields['rating'] } %>

Hey everyone!

I’ve been working on the Survey Form Project and I’m trying to make it optimized for mobile screens. I’ve tried using media queries for width but even though the page changes when the browser window is resized, it doesn’t seem to work on mobile. It just looks like a tiny desktop version. I’m starting to feek like the solution is super obvious but I don’t see because I’ve been staring at it for so long. Would really appreciate some help!

Link to the project:
https://codepen.io/lenachestnut/pen/YmYwPX

how do you want it to look on mobile because i checked it out and it looks fine to me on mobile.

Hi! This is what it looks like to me. I was trying to go for less white space on the sides. And bigger font, too