Этот вопрос закрыт для ответов, так как повторяет вопрос Как сверстать такой блок?
@Soceine

Как вставить фото слева от блока?

Пытаюсь сделать все как на фото, но пока ничего не получается.
601edb212ea16449934377.png
Сам код выглядит вот так.
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ответы на вопрос 1
@pro100gram
https://jsfiddle.net/a4s2vmwh/

<div class="some">
  <div class="some__container">
    <div class="some__left">
      <i class="far fa-clock fa-3x"></i>
    </div>
    <div class="some__right">
      <div class="some__header">
        Lorem ipsum dolor sit amet
      </div>
      <div class="some__main">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
      </div>
    </div>
  </div>
</div>


.some {
  $parent: 'some';

  position: relative;
  
  &__container{
    padding: 30px 0;
    display: flex;
  }
  
  i {
    color: #f7833f;
  }
  
  &__left{
    margin-right: 50px;
  }
  
  &__right{
    display: flex;
    flex-direction: column;
    color: #657276;
    
    .#{$parent}__header{
      text-transform: uppercase;
      margin-bottom: 10px;
      font-weight: bold;
    }
  }
}
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы