[SOLVED] Help with Survey-form flex elements

[SOLVED] Help with Survey-form flex elements
0
#1

Hello everyone,

I’ve finished my survey form project some weeks ago, it works perfectly on Firefox browser, but I can’t get it to work on other browsers. I’ve been testing it on Chrome and Opera.

I believe the main issue is related to the flexbox usage, but I am failing to understand why and what would be the best way to solve it.

Here is my codepen:
codepen io/BrunnoM7/full/QoEpMN

I also upload it to github:
github com/BrunnoM7/survey_page

#2

Hello, my best guess is that the problem comes from the fieldset tag in your HTML:

there are bugs in Microsoft Edge and Google Chrome which prevent flexbox and grid layouts from being used inside a <fieldset> .

Source: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset

1 Like
#3

Thank you!

I got rid of the fieldset tags and use div instead. It worked perfectly.