FCC project Survey: text input ...not inputing

Hello, campers,

Long time no see! I took a break in January and now, I’m back!
I have a terrible sense of design and got inspiration from Google Form. I even managed to get the form sliding under the “Questions/Responses” secondary nav.

I had left my project form survey half way through and I am now retaking it but …
My <input type="text> didn’t work anymore.
After some research, it looks like it is the position: fixed of my header(css line 11).
The funny thing is …it used to work, both the fixed position thing and the input thing 。゜゜(´O`) ゜゜。
What is happening? What has happened? Is there any way I can have both?
I am running out of ideas (x_x)⌒☆
here is my codepen: https://codepen.io/carquet/pen/NeryLe?editors=1100
Thanks in advance for your help,

You should change height in #profile-photo to width:

  height: 7%; // <-- change this
  border-radius: 50%;

Probably github changed the size of the picture and now its container is stretching over half of the screen.

1 Like

You are a superstar, @jenovs! Thanks! :star_struck: