Андрей Федоров

.block2 {
    flex: 0 0 10rem;
}

.block3 {
    flex: 1 1;
}

https://codepen.io/aliencash/pen/exKeqv?editors=1100

https://codepen.io/aliencash/pen/ErLvOM

min-height: 100vh;

Попробуйте так:
document.querySelectorAll('div[style]');

Или нужно чтобы именно color искал?

Может быть RewriteBase mysite/

Вам нужен линтер для html. Это легко гуглится. Можно воспользоваться так же валидатором w3c

ps: Если ВНУТРИ div изменить код нельзя, а b является последним дочерним элементом можно закрыть b поcле div.

Если таких блоков div много, подряд - можно для тега p отметить свойства css, которые вы задаете для b, а закрыть тег после последнего div

Работать будет, но это невалидно.

Дак ничего и делать не надо. Если картинки внутри нет блок будет нулевой высоты и ширины.
https://codepen.io/aliencash/pen/BvzjBK?editors=1100

Добавьте

.box {
  border-bottom: none;
  border-right: none;
}