Regarding the Divi 5 variables for font-size and spacing, I ended up redoing all the ones auto-generated by Divi and using chatGPT to help:

Screen Shot 2026-05-21 at 2.31.59 PM.png

1. I used headings for the labels (H1, H2, H3, etc), but they were not always used for said applicable headings, just helped me decipher font-size numbers vs spacing numbers (might change it to “FS” for font size instead, not sure yet). And I put the desktop pixel size in parentheses, this helped A LOT. I’m considering putting the mobile size in there too.
2. “S” stands for spacing, desktop size also in the parentheses.

example of what I asked cgpt:

Need a font-size clamp for 24px, update this:

1.125rem, calc(0.9886rem + 0.2273vw), 1.375rem

desktop: 24px

tablet/mobile: 21px

(the clamp I provided was what Divi provided, not sure if cgpt really needed it)

Found this to be helpful too at times:

REM to PX Converter – Convert Instantly