Would love some feedback for my survey page as well as some help with some issues please

Code Feedback
1

Hi guys
Today I worked on the survey challenge and somehow I completed it, but my brain can’t process anymore, and I can not figure it out how to get the other 3 boxes to be pink as the first box and, even though I tried to optimise it for mobile to the best of my current ability, I feel like I missed something as there would be enough space on my phone’s screen for it to cover the entire row as marked in the image with orange.

20190915_203448
20190915_2034481080×2220 326 KB

Please help,
thank you!

2

Hi @ElvyCrissy

For pink color to input fields you have added

input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 5px;
  border-color: pink;
  background-color: #f7efec;
  color: black;
}

Just to input type text, you may need to add a class name to all these input fields and apply these styles to that class
Like
.my-class-name {

or add input types with
A comma,

Like

input[type=text],input[type=email], nput[type=number] , textarea {

And for two columns in same row
Try setting width or do it with
https://learn.freecodecamp.org/responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row/
Take some more time to practice css

And feedback, i really like it, specially the font gives life to the page, nice work

Thanks

1 Like
3

thank you very much
will get on it tomorrow

1 Like