Spent considerable amount of time making this and learned good stuff. I would appreciate your comments and suggestions.
Note that I tried to only use the Float layout and not the Flexbox or Grid layouts.
I’m using chrome browser and I guess that there’ll be some problems on other browsers.
Your form looks good @Pejman. Some things to revisit;
There’s a typo on line 60 so the for attribute doesn’t match the id.
Make the page responsive. There’s a horizontal scrollbar on smaller screens. Remember, the R in RWD stands for Responsive.
In your body declaration this line (min-width: 650px;) causes the scrollbar. For responsiveness it’s better to use a percentage on widths rather than hard-coding pixel values.
Hi! I just wanted to say that your survey form looks pretty amazing. I don’t really like using float layout that much (just in small parts, but i’m more interested in flex and grid) but your page is impressive!
Hi @ortegalaura180999. Your comment is really encouraging :).
I intentionally limited myself to float layout so I can learn how it works. The other layouts are more robust, it seems. I’ll probably use them in next projects.