@coder15
Кодить нужно от души...

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

Верстаю макет первый раз. Сверстал каркас, теперь вернулся к нюансам.. Один такой нюанс забрал у меня немало времени. Помогите) Как сделать так, чтобы справа от svg значка вставить 40+ и сразу под этим числом слово "проектов"?
Надо так:
5f6270c0de2f8571612633.jpeg
у меня получается так:
5f6270f3dc1ef059431477.jpeg
Пытался делать и с помощью псевдоэлемента ::before, но не получается.
  • Вопрос задан
  • 152 просмотра
Решения вопроса 1
volkovgst
@volkovgst
Full-Stack PHP/JS Developer
<div class="box">
	<div class="block">
		<div class="block_img">
			<img src="#" alt="">
		</div>
		<div class="block_text">
			<p>40+</p>
			<span>проектов</span>
		</div>
	</div>
	<!-- добавить нужное количество блоков .block -->
</div>

.box
  display: flex
  // justify-content: space-around
  // или 
  // justify-content: space-between
  .block
    display: flex
    align-items: center
    .block_img
      max-width: 50px
      img
        width: 100%
    .block_text
      span
        display: block
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
kirbi1996
@kirbi1996
Либо используешь флекс, либо через абсолютное позиционирование
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы