Build a Survey Form (css styling)

1

Hello, I have passed all the tests in this challenge but when it comes to styling with css it is so hard and I can’t style them perfectly. Please give me some tips to style the survey page or how can we be good at styling?
Thanks.
Here is the example of the project.

ss
ss1899×890 226 KB

2

I like to sketch things out on paper or use some prototyping software (e.g. https://www.invisionapp.com/studio is free) to gain some clarity on what I want to achieve. Then it’s a matter of breaking things down into smaller problems. e.g. “I want the headline to look like this, how do I get there?”, "Dropdown should look like that, how do I … "

1 Like
3

Read about CSS Selector @ W3school

Try learning or watching YouTube videos on
CSS
Learn about :
*Display(inline, block, flexbox, grid…)
*Float
*Width and height
*Positioning
Transform
*Animation

And more and more CSS trick and CSS preprocessors

Practice! practice! practice!

Then you’re a Pro

1 Like
4

Thanks for sharing the info I will check it out. This is my final result : )

finally
finally1882×898 344 KB

1 Like
5

I appreciate the suggestion, I checked some of the properties and did a revise so I feel more comfortable now.
Thanks

6

wow nice improvement, am glad I could help, you’re already a pro now. If you can research and improve this much then you’re already a pro :smiley: :+1:

1 Like
7

Thank you for the motivation and the help, glad there are nice people in Freecodecamp forums : )

1 Like