Интересно еще то, что я вставляю свой же код в codepen, и там все работает, а на локалке нет

https://codepen.io/llvll/pen/dyGBjpW

Чтобы разместить картинку под текстом можно стили вообще не указывать никакие)))

Допускаю, но inline-block не работает все равно

у тебя что-то совсем не то

inline-block наоборот способен в строчку выставить текст и картинку)

А шо юзать, чтобы в столбик дивы выстраивать?

див блочный элемент они итак будут друг под другом

я же кинул пример с 0 стилей

Видел, но я подумал было бы правильнее использовать какой-либо display

Он и так исп, по-умолчанию)

Амелия Ваттенбергер написала интерактивную статью про использование процентов в CSS — "What does 100% mean in CSS?".

В статье есть хорошие интерактивные примеры и краткое описание поведения процентов для разных свойств:
- для height процент высчитывается относительно высоты родителя
- для width — относительно ширины родителя
- для top — относительно высоты родителя
- для left — относительно ширины родителя
- для margin-top — относительно ширины родителя
- для margin-left — относительно ширины родителя
- для padding-top — относительно ширины родителя
- для padding-left — относительно ширины родителя
- для translate-top — относительно высоты элемента
- для translate-left — относительно ширины элемента

Очень прикольная статья. Советую почитать всем, кто хочет разобраться с процентами в CSS.

#css

https://wattenberger.com/blog/css-percents

Margin-top относительно ширины?🙄

да

процентный

потому что высота — всегда динамическая

А, ну логично да, спасибо

prepros говнище гуишное, от него нужно уходить
можешь посмотреть на github.com/kurzdor/overbuffed-gulp

хотя да, prepros свою функцию выполняет, но лучше для саморазвития как разработчика начать понимать как что работает, что тебе помогает в повседневе

Помогите, плиз, как такое сделать?