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

Как мне создать вот такой елемент?

Зделал вот такой код. Не знаю что делать дальше.
  • Вопрос задан
  • 176 просмотров
1 комментарий
Подписаться 2 Средний 1 комментарий
Решения вопроса 1
RadCor
@RadCor
Если мой ответ вам помог, отмечайте его решением.
Вот на флексах
Ответ написан
7 комментариев
7 комментариев
Пригласить эксперта
Ответы на вопрос 2
@MEDIOFF
Python Developer
Либо делайте под каждую строку отдельный div, либо сделайте гридами и не парьтесь
Ответ написан
1 комментарий
1 комментарий
@Asen123 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Завдання 1</title>
</head>

<body>
  <div class="container">
    <div class="box-parent">
  <div class="box"></div>
      </div>
<div class="box-parent">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>
      <div class="box-parent">
<div class="box"></div>
        </div>
    <div class="box-parent">
<div class="box"></div>
      </div>
     
</div>
</body>
</html>

@charset "utf-8";
/* CSS Document */

.container{
  display: flex;
  flex-wrap: wrap;
  juctify-content: center;
  flex-direction: column;
}

.box {
  padding: 10px;
  border: 3px solid black;
  width: 50px;
  height: 50px;
  margin: 100px;
  border-radius: 10px;
  display: flex;
}

.box-parent{
  display: flex;
  width: 100%;
  justify-content: center;
}

Первое что в голову пришло, но лучше ещё подредактировать.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Написать код на python
19 апр. 2024, в 03:01
1000 руб./за проект
Ещё заказы