Why is the infoblock displayed incorrectly in the Bitrix admin panel?

Question

1C-Bitrix

For the umpteenth time I have come across: the OpenServer package is installed ( https://ospanel.io/ ), the Bitrix site is deployed, everything works fine, but for some reason the contents of the infoblocks are displayed crookedly, here are the screenshots. Sweeping assumptions about the browser, caches, cookies, etc. - the same admin panel on a live site is displayed correctly in the next tab. Maybe someone faced such a problem?

Answer 1

Openserver misconfigured. They try to download css / js from folders starting with a dot (.../.default/...)
It is necessary to delete in the Apache config

<LocationMatch "/\.(?!well-known)">
    Require             all denied
</LocationMatch>

Remove from Nginx config
location ~ /\. {deny all;}

Answer 2

https://css-tricks.com/almanac/properties/t/text-d...
https://codepen.io/thejameskyle/pen/ibtLp?editors=1100