How to uniformly reduce the size of this section block by the same proportion

Hi.

Not sure exactly what you mean. Do you want to reduce the section’s width?

Hi there,

Do you mean you want the content inside the section, such as the heading and text, to automatically scale down as the section becomes smaller?

If so, the heading and text sizes would need to be adjusted manually, since those elements have their own fixed typography settings and do not automatically resize based on the container size.

Let me know if I’m misunderstanding, as I may not have the full picture of what you’re trying to achieve.

To clarify, do you mean when the browser window is reduced to a smaller breakpoint? If so, you may want to use clamp() for the font size so it scales responsively.

If instead you mean manually reducing the container’s width, then you would need to adjust the font size manually as well, since the typography will not automatically scale down when the container becomes narrower.

I sincerely apologize. I’ve tried my best to understand your requirements, but I’m having difficulty fully grasping what you’re trying to achieve.

I’ll let my colleagues to take a look as well, and hopefully they’ll be able to provide clearer guidance.