Евгений

можно попробовать вариант влоб - зеленый элемент с фиксированой высотой и шириной, float: right; а левые элементы просто инлайном подряд перечислить. для конкретного варианта нужен конкретный пример

лучше все же рисовать отдельные макеты на разные экраны
но если получить мобильный макет не представляется реальным, в таких случаях примерно по такому плану действую

пробегаюсь по всем нужным типовым страничкам, определяю элементы, которые особо в мобилке не нужны. их в итоге закрываем на мобильных разрешениях
затем определить возможные менюшки. малонужные менюшки и хлебные крошки переношу под контент/в футер, основную под бургер скрываю
модалки на мобильном экране начинаем тянуть от края до края экрана
все кнопки стараюсь определять с высотой и шириной минимум 40 пикселей
размеры шрифтов увеличиваются в итоге почти на всех мобильных размерах экрана, но ненамного. заголовки и отступы заголовков уменьшаются
все многоколоночные блоки в планшетке сжимаются в 2-3 колонки, на мобилке желательно в одну
увеличение картинок, если они есть, лучше через какой нибудь лайтбокс попробовать, ибо многие картинки, а тем более всякая инфографика стает часто нечитабельна на мобилке вовсе
предусмотреть переполнение контейнеров во всех возможных местах
вертикальные и горизонтальные отступы между блоками тоже обычно много где сокращаются, ибо мобилка по экрану намного меньше, и место уже начинаешь экономить

вроде все описал как обычно поступаю при заказе на адаптив без мобильных макетов

навскидку примерно так:

<div class="image" style="background-image: url(https://i.ytimg.com/vi/E0hnI4_egl8/maxresdefault.jpg)">
    <a href="#">
      <span>Читать новость</span>
    </a>
</div>

.image {
  width: 200px;
  height: 150px;
  background-size: cover;
  display: flex;
}

.image a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  heigh: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: ease all .2s;
  opacity: 0;
  visibility: hidden;
}

.image:hover a {
  opacity: 1;
  visibility: visible;
}

текстарее снизу выставить display: fixed; left: 0; right: 0; bottom: 0;
при желании списку сверху добавить паддинг снизу