Unable to solve the testcase/userstory #10

HTML-CSS
1

Tell us what’s happening:

Here is my code. It’s weird since i have included

id="name-label" , id="email-label" , and id="number-label" .

Start looking at line number 17 and please let me know why it is not working

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.106 Safari/537.36.

Challenge: Build a Survey Form

Link to the challenge:

2

Tests are expecting you to have <label> tags before the corresponding input fields.

3

Hey thanks it worked but, my this css code is invalid now

.form__input:placeholder-shown +  .form__label {

  opacity: 0;

  visibility: hidden;

  transform: translateY(4rem);

}

can you tell me now how do i select input element since is it a previous sibling. ??

4

make it simple, gite them a class and style with that class…

5

Hey please can you elaborate more, how can i do this?. Even if i add another class to input element how can I do it ? Since I want label to be hidden when placeholder is shown, and I have used placeholder-shown but label is not following sibling. I tried every thing

Can you give more hint pls ??