Задать вопрос
@nugolnikov
css

Как спозиционировать так карточки?

Что использовать grid или position absolute, а может быть можно как-то на флексах?
Если можно на гридах или флексах, то хотелось бы посмотреть на примеры кода

Спасибо)
hMf26Gi.png
  • Вопрос задан
  • 76 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 1
dalnick
@dalnick
Нео-бразованный кододел
Можно сделать float: left по классу,
дать одному блоку Id и проставить по margin.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			#box {
				width: 600px;
				height: 400px;
				padding: 30px;
				background-color: pink
			}
			.block {
				height: 150px;
				width: 200px;
				background-color: green;
				float: left;
			}
			.stupid {
				margin-top: 30px;
				margin-left: 30px; 
			}
			#low {
				margin-top: 60px
			}
		</style>
	</head>
	<body>
		<div id="box">
				<div class="block"></div>
				<div class="block stupid"></div>
				<div class="block stupid"></div>
				<div class="block stupid" id="low"></div>
		</div>
	</body>
</html>


Зачем grid ? Зачем flex ?
Зачем position: absolute ?

И так нормально, если оно работает значит задача выполнена . - )
Жду критиков, и absolutnых чемпионов flexа. : - D
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Figma дизайн iOS мобильного приложения
02 мая 2024, в 23:16
7500 руб./за проект
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Необходимо сверстать 1 страницу многостраничника
02 мая 2024, в 22:24
500 руб./за проект
Ещё заказы