I have completed my Survey Form project. It can be checked at: https://codepen.io/kamalpreetgrewal/pen/LYpmLJW.
I kept it simple though I am aware the look can be refined. I have this issue of being sticking to the “perfectionist” thing which often leads in non-accomplishment of my goals. A few issues I am having are below:
- Alignment of the form fields for different labels - On research, I found that this can be accomplished using flexbox, or use of divs. I am not sure which approach should be followed.
- Also are the parameters’ values for - width and height - fixed when dealing with media queries in order to make the page responsive?
- In order to make the page responsive, is it better to use media queries or using css-grid and flexbox? Is there any situation, when one should be used over the other?
I have done research on these but there are different opinions in different places which confuses me. Your valuable feedback is welcome.