Collapsing columns gracefully

I'm reworking my websites to use MANY product variants. I currently just show pricing for custom print products, but I'm going to be opening it up to be like a real print shop very soon. As soon as I can get all of my product pages converted...

https://brownlee.squarespace.com/printshop/p/buscards

I'm trying to make the 2nd row of stuff break down a little better. I'd like the mobile split to take it down to 2 columns:

A) pricing

B) image, then templates, then artwork guidelines

I'm hoping that what ever the solution is, I can just duplicate it and change the info for each specific product. 

Also, maybe I should start a different thread for this, but I'm adding all this stuff into the "ADDITIONAL INFO" box of my product. The editor in there seems kind of clunky to me. I'm using Chrome, and I'm updated to the newest version. It doesn't preview any font-types correctly, and things like adding the colored background animation and other formatting pieces just straight up don't work. 

Quote

I'm hoping that what ever the solution is, I can just duplicate it and change the info for each specific product.

You can create a product item template that has the structure you want, set it hidden, and duplicate it as needed.

3 hours ago, BillChesney said:

I'm adding all this stuff into the "ADDITIONAL INFO" box of my product. The editor in there seems kind of clunky to me. I'm using Chrome, and I'm updated to the newest version. It doesn't preview any font-types correctly, and things like adding the colored background animation and other formatting pieces just straight up don't work.

It is limited compared to a page section. The AI editor is essentially a single Classic Editor page section, without the design features of a page section. You do have access to pretty much the full range of blocks.

You can of course enhance the AI with custom CSS/JavaScript to perhaps get close to the effect you want.

For the "additional info", the functions that I'm trying to access are there in the tool bar, but when I try to utilize it, it won't allow it. For example, the "A" with the squiggly like under it - I can hit the button, but when I go to modify the color or something, the ui breaks down. Hard to explain... but, maybe try to duplicate that and see what happens. I thought maybe it was just my browser or os, but I've tried on a couple diff machines with the same results. 

Also, the preview is not showing me what's really there. Here's a screenshot in both modes.  

Quote

I'm adding all this stuff into the "ADDITIONAL INFO" box of my product. The editor in there seems kind of clunky to me.

I can confirm editor UI brokenness. There is nothing we can do here to help except suggest you contact Customer Support.