Multi column doesn't work in Chrome and Edge

HTML-CSS
1

I have absolutely no idea why this code just won’t work in chrome and edge. In Firefox I get 2 columns on screens at least 600px wide and 3 columns on screens at least 900px wide - just as it should be.

PS: yes, it’s supposed to be in a fieldset .

2

With Chrome, if I change the <fieldset> to a <div> then the columns work. Perhaps Chrome doesn’t support the CSS property on <fieldset>? Easy fix, just add a wrapper <div> inside the <fieldset> and set the columns on that. Not sure why Chrome is doing this. The googles weren’t turning up any explanation.

1 Like
3

Oh my god, thank you so much. ;_;

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.