ширина картинки неизвестна - любая может быть, написал в самом начале.
Я читал это в самом начале. Но это не значит, что вы не можете прописать нужную ширину картинки. Однако это дело вкуса: ширина картинки, ширина блока с картинкой, ширина надписи под картинкой, расположение картинки в родительском элементе. Но это в любом случае надо ограничить:
А почему не .info?
P.S. Нашел, сам бы не догадался до такого.
figure {display:table}
figcaption{display:table-caption;caption-side:bottom;}
Я тоже до этого не догадался бы, к счастью. Поскольку использую табличную вёрстку по прямому назначению.Но в принципе сойдёт, если устроит то, что ширина картинки будет скакать , то больше, то меньше.
Ну. И как сделать с помощью стилей?
Ну. И задайте элементу figure ту ширину, которая требуется.
Это не так.
Не убедили. Работать надо с элементами DOM. То, что Вы творите, - это какая-то дичь.
А зачем тут хитрить и зачем тут скрипты? Стили пишутся с помощью CSS.
На вашем скрине домен начинается с буквы "m", а после этой буквы случайно нет точки? Если есть, то проблема может быть именно в этом.
На изучай: https://caniuse.com/css-variables
Можешь не благодарить.
Кто-нибудь знает в каком году появились в CSS переменные и когда их стали поддерживать браузеры?
Тебе не всё равно? Историю интернета пишешь? Ну дык изучай источники. Или за тебя это другие должны делать?
Нет, конечно.