Выровняйте цвет контейнера вниз и вправо от изображения - PullRequest
Новая
       4

Выровняйте цвет контейнера вниз и вправо от изображения

0 голосов
/ 16 февраля 2020

Изображение с цветным контейнером непосредственно под ним

enter image description here

У меня есть изображение, содержащееся в некоторых bootstrap классах и пользовательском классе round-img-wrapper. Я пытаюсь переместить контейнер так, чтобы он был ~ 1em вниз и ~ 1em вправо для изображения, которое я прикрепил здесь. Каков наилучший способ выполнить это? 1019

1012 * 

.round-img-wrapper {
  border-radius: 1em;
  background-color: rgba(71, 149, 224, 1);
}
<div class="container">
  <div class="row justify-content-between">
    <div class="col-lg-5" data-aos="fade-right">
      <div class="row justify-content-center align-items-center h-100">
        <div class="col-md-8 col-lg-10 my-3 mx-3 py-4 px-4">
          <div class="round-img-wrapper">
            <img src="https://i.stack.imgur.com/sBepG.png" class="rounded" alt=""><br><br>
          </div>
        </div>
      </div>
    </div>
...