Мой стол выглядит так:
@component('mail::table')
| {{ $order->items[0]->title }} | <a href="{{ asset("/{$order->seller->name}") }}"><img class="avatar" alt="{{ $order->seller->name }}" width="54" height="54" src="{{ $order->seller->avatar }}"></a> |
| :------------ | --------:|
@endcomponent
Но результат такой же, как у мобильного телефона (ширина: 320 пикселей)
![The table is squeezed](https://i.stack.imgur.com/fIynf.png)
Когда заголовок короткий, это совсем не проблема. Проблема существует, когда заголовок больше, чем одна строка.
Помимо использования CSS для фиксации ширины, есть еще один способ, о котором я не знаю?