Чувствительная сетка Ionic 4

Мне нужна ионная сетка с 3 столбцами. И столбцы с первым и последним имеют размер содержимого. В этот столбец я хотел бы добавить значок или маленькое изображение. И столбец в центре должен иметь большой текст с переполнением: скрыто; переполнение текста: многоточие; пробел: nowrap;.

Я пробовал с этим кодом

<ion-grid>
        <ion-row>
            <ion-col size = "auto" style = "border: 1px solid;">
                image
            </ion-col>
            <ion-col style = "border: 1px solid; 
overflow:hidden;  
text-overflow: ellipsis;  
    white-space: nowrap;">
                <div>
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                    Lorem Ipsum has been the industry's standard dummy text ever since the 
                  </div>
            </ion-col>
            <ion-col size = "auto" style = " border: 1px solid; ">
                icon
            </ion-col>
        </ion-row>
    </ion-grid>

но я не могу правильно разместить столбец посередине. Он отображается в максимальной ширине устройства (в отдельной строке). Как я могу это сделать?