I like the light colour scheme you selected, very good.
For desktop, it looks good. I think if you could work more on styling some solid shaped elements like textfield could be great, but that’s not critical.
but about your mobile, check how does it look:
Oh! Yes I believe you admit the layout is broken for mobile too.
I suggest you keep the current design and pink colour.
I’m not sure if the font you choose comes with correct and good glyph advances, but it seems some chars like (lower y) has some notable negative through from baseline. I suggest bring some more line-height to cover that small issue.
Same try to override the text field fonts too, let them inherit the font you applied too.
For now I would like to ask you fix the layout.
One best practice is doing the layout first, let each container(like
div tag) has one different background colour. Do not add any page content. Instead make sure layout is functional at first step. Then add contents one by one. And each time you add one element, check the layout again to make sure the added element own’t make layout broken.
I suggest you have read on this survey form challenge walkthrough article comes with some notes, code samples and tips could help you.
No rush, be patient. Start a great clean responsive layout for now. Once it’s great add page contents and inform us to recheck. We will go for more in detail review indeed.
Keep goin on greta work, happy programming.