css - How to set element height but stay responsive? -
using bootstrap 3 mvc5. have row of 5 fieldsets radio groups. need fieldsets same height, despite different number of radio buttons in each group. if set height, radio buttons overflow fieldset when go small screen size.
i have tried setting height 100% , setting height container, causes same issue.
my fiddle: https://jsfiddle.net/battlfrog/rkpsv0jw/1/
fieldset { border: 1px solid #527f03; padding: 0 15px 15px 15px; height: 100%; } .radio { width: 100%; } #radio-row { min-height: 200px; } #radio-row fieldset { height: 100%; }
if want each fieldset same height why not use
min-height:300px; fieldset { border: 1px solid #527f03; padding: 0 15px 15px 15px; min-height: 300px; }
Comments
Post a Comment