Survey Form Feedback - A Meta Survey Experience ;)

Hey everybody,

finished my second project. You can find it here: https://codepen.io/Silverfox26/full/axgaRW

The goal was to create a clean and simple design by just using html and css … and adding a bit of fun into the mix :wink:

Looking forward to your feedback :slight_smile:

Nice webpage, It is responsive and the styling is nice.

Here are some things I can suggest:

First, try to only add a background and a foreground. In your webpage, you have your foreground, background and then another background. It looks slightly messy and here is an example of how to change it:

Here is my FCC: Example Flex-Box Template. Visit the page, can’t show the entire thing in one picture.

You can see how I have a background and then another container with all my content. This foreground container is always white since it adds the right contrast to the black text. The background can be any nice color that will not strain the user’s eyes.

Colors to avoid is any bright colors and black.

Notice how I used a box-shadow: 2px 2px 5px black to add a nice separation between the two colors.

Here are some colors I have tried:

White

Nice Green

You can also use a background image with background-attachment: fixed

Nice image w/ good colors

Blue

And more…


I would also suggest learning CSS Flexbox to help make simple and flexible displays


Notes

Please hit the reply button or I do not get notified.

Helpful tools–> https://codepen.io/Mike-was-here123/post/check-out-these-sites

1 Like

I don’t dare to write anything there, so I’m writing it here:
good job!
nice form!
rating: 8/10

1 Like

Oh wow thanks, that’s a very thorough answer and feedback. Thanks a lot :slight_smile:

1 Like

Haha, good thing you wrote it here :wink: Happy that you like it