Food Survey Form

I rather enjoyed making this form. Try not to get too hungry looking at the background.
Thank you for feedback.

https://codepen.io/Adamdear/pen/XWbopZJ

Wow! Great survey form, @Adamus,
How did you manage to have these media queries with only pointing one viewport? I need to learn this.
Great work!

Thanks @germanbobadilla.

If you take a look at my widths, you’ll notice most of them are placed at a percentage (%). Since my .box class is set at 800px, that is the one I use the @media rule on.

I hope I explained this correctly enough and that it’s helps.

Wow, excellent. I’m going to give it a try. I didn’t know that by using max width on one media query as a central box, one could have every children to a an 80% of that… And when one uses mobile, it will shrink.

Interesting.

Yeah, I wanted to have the background be visible on the sides when viewing on a smaller display so I changed it to 80% width.

Good luck with learning and practicing. I’m rooting for you.

Thanks.

1 Like