1. Это очень мало похоже на табличные данные. Если это действительно так, то не нужно верстать это как <table>
2. Для картинок обычно задают max-width: 100%, чтобы даже в случае поломки, как на скрине, всё выглядело прилично.
3. Чтобы понять, что с левым столбцом, нужно знать, что в правом и почему браузер не может его сжать.
Также хорошо бы знать стили и самой таблицы.
А значит, выложите код с видимой проблемой на codepen.io
Картинки можно взять любые из яндекс.картинок или из сервисов заглушек.
DggMMmmm, мой ответ по ссылке выше начинается со слов о том, что в инпуте забыл атрибут placeholder.
А он должен быть, чтобы работал :placeholder-shown. Хотя бы с неразрывным пробелом внутри.
А ещё лучше с нормальным текстом, просто прозрачным.
DggMMmmm, я в прошлый раз писала вам про псевдокласс :focus-within, который заменит вам этот js. И вы вроде согласились.
Поэтому, чтобы как-то нормально вам помогать, нужно понимать чем решение на css не подходит.
<table>
2. Для картинок обычно задают
max-width: 100%
, чтобы даже в случае поломки, как на скрине, всё выглядело прилично.3. Чтобы понять, что с левым столбцом, нужно знать, что в правом и почему браузер не может его сжать.
Также хорошо бы знать стили и самой таблицы.
А значит, выложите код с видимой проблемой на codepen.io
Картинки можно взять любые из яндекс.картинок или из сервисов заглушек.