I just completed my survey form and would like some feedback as to how to improve it.
I settled on a Covid-19 survey form, a simple reminder of the times we are in and the need to keep safe.
While working on the project, I noticed a little issue with my CSS styling. I can’t seem to resolve it and welcome all the assistance I can get.
I have applied a font-weight of 500 to my form labels. However, some labels (e.g. Gender, and all labels under the “General covid-19 questions” section) do not display as such. Surprisingly, everything works perfectly when i set the font-weight to 600.
I am not sure if this information is relevant, but all the affected labels are wrapped in div elements.
Can someone please help me resolve it.
Thanks for the feedback!