Is there a way to make the form's radio section show in several columns?

Site URL: https://www.tgtfresh.com/seafood-form/

Hi, I've got a form with quite a long list of radio options, and was wondering if there's a way to make it show in 3~4 columns, thanks.

 to add

The following thread may be of interest to you. It doesn't have a specific solution for your problem but more of a general direction.

1 hour ago, creedon said:

Add the following to Page Settings > Advanced > Page Header Code Injection for the page.

<style>

  /* begin Seafood Products 3 columns */
  
    #checkbox-64ad2335-0c41-4a3e-90b3-7fcda2211d12 {
    
      display : grid;
      gap : 1em;
      grid-template-columns : repeat( 3, 1fr );
      padding-top : 4em;
      
      }
      
    #checkbox-64ad2335-0c41-4a3e-90b3-7fcda2211d12 .description,
    #checkbox-64ad2335-0c41-4a3e-90b3-7fcda2211d12 .title
    
      {
      
        position : absolute;
        
        }
        
    #checkbox-64ad2335-0c41-4a3e-90b3-7fcda2211d12 .description {
    
      top : 2em;
      
      }
      
    /* end Seafood Products 3 columns */
    
  </style>

This is for v7.1 and specific to the poster's need.

Let us know how it goes.

@creedonIt worked, thanks! However, on mobile it doesn't really fit to have 3 columns. Is there a way to make this only apply to desktop view?

Quote

Is there a way to make this only apply to desktop view?

I have updated my code post.

Let us know how it goes.

5 hours ago, creedon said:

I have updated my code post.

Let us know how it goes.

Thank you so much for helping me with this! It works exactly as I wanted now!