Используя Clarity и Angular 6, у меня есть карточка в области основного содержимого, которую я хотел бы заполнить по всей длине текущего представления (ни больше, ни меньше). Единственный способ, который я нашел, - это установить высоту на «-webkit-fill-available» (сейчас только в Chrome).
Проблема заключается в том, что внизу кажется немного места, из-за которого в области содержимого отображается полоса прокрутки.
В идеале я бы никогда не видел полосу прокрутки в области содержимого и чтобы весь контент соответствовал текущей высоте экрана.
Вот пример stackblitz, демонстрирующий проблему.