CSS: Displaying radio buttons and label next to each other

Hi, I am trying to reduce the vertical space my form needs and have been trying to display a radio button field with the label on the left (30%) and then the radio buttons on the right. As a reference I have been using Bootstrap’s nesting grid: Grid system · Bootstrap v5.2 - however, I cannot get this to work.
This is my current implementation: Test form – WordPress Sandbox - the bottom (purple) is just a shortcode I use to test the basic functionality (i.e. without GF’s css). I think that one of GravityForm’s CSS is messing with me but I cannot find what is. Does anyone have an idea how to implement this?

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