mySurvey-Form project

Code Feedback
1

my textarea size is too small. I need it to be same width as the other controls like button and dropdown. What CSS rule can I use to resolve this?

Here is my code:

https://codepen.io/vbarhoskie/pen/abOYYQe

2

Hi @vbarhoskie ,

You can use

textarea {
  width: 100%; 
  height: 150px; 
}

with whatever values you like.

A couple other suggestions:

  • You probably want to figure out a way to organize your information without using <br> so often.

  • In your last section with the checkboxes, you probably want to add the input id’s so that you can select the answers by clicking on the words. I see that you’ve got the for attribute in the labels so just add that same value to the input id’s. Your radio buttons seem to have this done correctly.

I think you are doing a great job! Keep at it

3

Wow! that did it. Thanks alot. But may I understand. Why won’t the id I created for the textarea element catch it?

I am also having trouble with my background image:

background: url("https://unsplash.com/photos/VzJjPuk53sk") no-repeat center center fixed;
  background-size: cover;
4

Concerning your textarea id, it looks like you have a space in it

<textarea id="additional- comment"

5

Thanks bbsmooth. I have corrected it.

6

You need to use the actual image URL.

On unsplash, right-click the image and open it in a new tab, then copy that URL. I change the size to 1600px (w=1600 in the URL) because you do not need the full image width (2134).

https://images.unsplash.com/photo-1575089976121-8ed7b2a54265?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80

7

Thanks lasjorg for your awesome feedback!

8

As stated, don’t use the <br> element to force spacing. There are ways to group without it.
Read the following, pay attention to Accessibility Concerns;

9

I am sorry Roma, for not being able to acknowledge your response. I have been dealing with some personal issues. Thanks a lot for this feedback. I will sure give attention to it.