Как центрировать и обрезать блок

Может кто подскажет какие есть варианты центрировать блок.

У меня есть компонент с тремя блоками: первый и третий должны быть прижаты к левому и правому краю соответственно, а второй блок необходимо центрировать по родителю. Второй блок должен быть обрезан, если он не помещается в доступную ширину экрана, при этом он не должен перекрывать первый и третий блоки. Я пытался использовать CSS Grid и вычисление размеров блоков для установки ширины, но возникает задержка при рендеринге, в результате чего блоки сначала отображаются неправильно, а затем корректируются. Какие есть альтернативные способы решения этой задачи?