Select Page
Mobile-Friendly Survey Form

Project description

Setting up a responsive survey form that takes in data from users the form must include: Title and tagline. The form takes in Name, Email, Age(optional) and it must have two select option fields, one radio type input, checkboxes a comment section and a submit button.

Solution

I put together the survey form with all the necessary requirements, adding a background image with a color overlay, a focus section to put the form fields with a darker background-color, and finally modify my code to make the front end view responsive across all devices.

Design Deliverables

➦Landing Page ➦Input Fields

Design Skills

➦HTML Development ➦Responsive Design

Platform

➦CodePen.io

Design Languages

➦HTML ➦CSS

Client’s feedback

""

See website live in action