Why does StyleKits use pixels to scale for mobile responsive?

I am not really experienced but I am wondering about why you have chosen to use pixels to scale for mobile responsiveness rather than em and %?

Specifically:

For Page Settings > Headings – why did you not scale using REM? My understanding is that this will all be relative to the theme’s default font size.

For Page Settings > Outer Section Padding and Page Settings > Column Gaps – why did you not scale using %?

I discovered the suggestion to scale with rem and % in this Elementor blog post… “Setting values in percent (%) or in EM keeps them relative to the overall screen size.” This makes sense to me as there are so many different phone screen sizes.

I also then found this article:
Should you use pixel or percentage value for Padding/Margin?
If you work with percentages instead of pixel values the layout adapts to the screen size. To illustrate this here a quick example again. I am changing from pixel to percentage on the text area and then change the size of the browser window.

Of course, I know I can change this all myself using Style Kits. Still, it got me thinking – why didn’t StyleKit do this themselves if it’s such a good idea?

• This topic was modified 4 years, 12 months ago by Michelle.
• This topic was modified 4 years, 12 months ago by Michelle.
• This topic was modified 4 years, 12 months ago by Michelle.