@Juniour11111111

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

Зделал вот такой код. Не знаю что делать дальше.
  • Вопрос задан
  • 172 просмотра
Решения вопроса 1
RadCor
@RadCor
Если мой ответ вам помог, отмечайте его решением.
Вот на флексах
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@MEDIOFF
Python Developer
Либо делайте под каждую строку отдельный div, либо сделайте гридами и не парьтесь
Ответ написан
@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;
}

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

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

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