FeedBack For My Project

I want to use css to beautify my survey form.
Here is the pen link:

Please I need suggestions and feedbacks especially as regards aligning the radio and checkboxes properly as well as mobile responsiveness. I don’t want to use Boostrap yet. I want to use pure css for now.

Look good I like how you choose it but even if you want to use pure css it will be great if your elements are aligned. Bootstrap is just a tool you can do everything with just CSS. And some elements goes out of the shape pearhaps you can fix it.

Thank you Cirediallo for your feeback!
I am completely new to css, though have been doing backend. I understand I need to align some elements properly especially the radio and check buttons and input fields. I am trying to figure the best way to the alignment.

pearhaps you can do it this way

<div id="radioButton">
    Would you recommend AfamAcademyMOOC to a friend?
  <div class="theRadio">
      <input type="radio" id="Definitely" name="wouldyou" value="definitely" /><label for="Definitely">Definitely</label>
      <input type="radio" id="Maybe" name="wouldyou" value="maybe" /><label for="Maybe">May Be</label>
      <input type="radio" id="Notsure" name="wouldyou" value="notsure" /><label for="Notsure">Not Sure</label>

And the CSS


It is just an example find what you want to do and apply it

Thanks alot.
You just reminded me I can actually use flex.
I appreciate!

You are welcome and yeah there is a lot of elements that you can use like grid, etc