Survey form CSS Error

HTML-CSS
1

Tell us what’s happening:

Hi,
After filling the HTML editor and CSS, I expected a colored out put, but it seems all the CSS features didn’t reflect in the out put, kindly assist

Below is the link.

https://codepen.io/bragcode/pen/BaKeZqW
Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 7.0; Infinix X571) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.127 Mobile Safari/537.36.

Challenge: Build a Survey Form

Link to the challenge:

1 Like
2

Hi @Babatunde. When you copied the code over you made a great many typo’s, especially in the CSS section. You can click on the down arrow in the CSS section and select “analyze css” and clean things up.

3

Kindly help me check out if I’ve gotten it right, because all I’m seeing is “screen coming out soon”

Just don’t know what’s popping, I’ve been stuck here for too long!

Thanks while I awaits a feedbacks

4

If by “gotten it right” you mean some of the typo’s were cleaned up then yes, it looks like it since you see the background now. There are more typo’s though.

On a side note, I’m not sure what your goal is. Why not build your own survey form?
Start with a blank canvas and without looking at, or referencing, the sample project fulfill the user stories one at a time.

5

  1. Change the import url : .com was missing
    @import url(‘https://fonts.googleapis.com/css?family=Poppins:200i,400&display=swap’);

  2. In body::before, its z-index and not z index

/* mobile friendly alternative to using background-attachment: fixed */
body::before {

z-index: -1;

}

6

Hi, thanks a lot for your support. Kindly help check it out now. Hope its ok this time around.

7

@Babatunde, once again, I’m not sure what your goal is by copying the sample form. If you’re just trying to see if you can do it then instead of asking in the forum if you’ve done it you can compare your files with the sample files using the diff command if you’re on a Mac or the fc command if you’re using Windows. You can Google to see how each works.

If you’re working toward the RWD certification then start with a blank canvas and build the survey form without referencing the example project.
The example projects show one way the project can be done. The project you make only has to be ‘functionally similar’ and should have ‘your own personal style’.

8