Задать вопрос
Slasherr
@Slasherr

Как сверстать такой блок?

Здраствуйте. Учусь вёрстке. И возник вопрос... Как сверстать такой блок?
05b29874ba9040b59d037e442d397fd4.png

Пробую так, дальше уже просто хз что делать.
<section class="promo">
		<div class="container">
          <article class="web">
            <h3>Web Development</h3>
            <p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt.</p>
            <p>Iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit</p>
            <img src="Flow-Tree-Icon.png" alt="Tree" class="tree-flow">
          </article>
    </div>
    </section>


.promo{
	background-color: #fff;
}
.web{
	padding: 80px 0 0 0;
}
.web>p{
	float: left;
}
.tree-flow{
	float: right;
}


Результат: prntscr.com/f4xlwy
  • Вопрос задан
  • 221 просмотр
Подписаться 1 Оценить 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы