wadara
@wadara

Как создавать такие карточки сайта?

Как правильно создавать такие карточки блоков?
Как добавить такой кружок ? через бефо или добавлять отдельный класс?
5f9278cb56d7c272184967.png
  • Вопрос задан
  • 112 просмотров
Решения вопроса 2
Eridani
@Eridani
Мимо проходил
Хоть так, хоть так, блок релейтив, круг абсолют
Ответ написан
Emchik
@Emchik
Что-то прикольное сделать могу
Ну так можно:
<div class="fact">
	<div class="icon">
		<span class="icon-class"></span>
	</div>
	<!-- /.icon -->
	<h5>Надёжность</h5>
	<p>Чёткое выполнение взятых...</p>
</div>
<!-- /.fact -->


CSS:
.fact {
	position: relative;
	height: 300px;
	padding: 140px 20px 20px 20px;
}

.icon {
	position: absolute;
	left: 0;
	top: -100px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Lord_Dantes
@Lord_Dantes Куратор тега CSS
Чат джунов t.me/developersjunior
Лучше отдельным элементом, конечно если у вас 3 карточки разных.
Ответ написан
Ваш ответ на вопрос

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

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