Никита Воробьев

Задайте "read more" margin-top: auto

Как вариант, абсолютно отпозиционировать к низу блока и сделать нижний паддинг чтобы текст не залазил на "read more"

колонки с flex-direction: row; внутри ,блоки с flex-direction: column; у текста flex-grow: 1;

Можно в флекс контейнер засунуть эти блоки https://codepen.io/you_web/pen/xzRwGd
А еще можно через гриды (но тут IE идёт мимо) https://codepen.io/you_web/pen/vryNow

npm используется если у тебя есть сборщик проекта, например

https://webpack.github.io/
https://learn.javascript.ru/screencast/gulp
https://learn.javascript.ru/screencast/webpack

bootstrap 3 float
bootstrap 4 flex

я начал использовать bootstrap 4

На флоатах уже не верстают. Учите flexbox или grid

Я просто беру bootstrap, потому что он позиционируется как фрэймворк, который позволяет верстать адаптивно, т.е. использую его сетку. Она вроде работает на float (не знаю как последняя версия)

В этом случае они эквивалентны, это вопрос манеры написания относительных путей.

Но в общем случае URI есть тонкости. Относительный URI может требовать употребления ./ в явном виде, потому что двоеточие в URI может иметь разные значения и одно из них имеет преимущество. Скажем, если ваш относительный путь ass:hole/butt (это возможно, но не в случае HTTP URL), вам нужно писать ./ass:hole/butt, иначе это не будет интерпретировано, как относительный путь, а будет, как scheme component ass и абсолютный путь hole/butt.

Bootstrap Reboot v4.1.1 (https://getbootstrap.com/)
...
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/mast...

Попробуйте так.
1 вариант => Для родительского row центрируем содержимое и news-block убираем ширину в 100%

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  justify-content: space-around;
}
.news-block {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
    flex-grow:1;
}

2 вариант

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  justify-content: space-around;
}
.news-block {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 100%;
    max-width: 315px;
}

в стилях .cap-block у тебя
max-width: 183px;
перекрыт переназначением его же на 100%
max-width: 100%;
убери и все ок заработает
https://codepen.io/anon/pen/KROyVp

Все зависит от договоренностей.
Кому то надо все под ключ
Кому то только некоторые правки