Bymas | помощь с css

Топ дня:

EagleX

Тема закрыта by

nexol1k
Причина: Решено

Как при помощи css сделать такие же блоки ?

Изображение

------

79161_Screenshot.png (53.4 Kb)
Скачиваний: 104

http://old.code.mu/books/css/

FSeven , спасибо конечно !!!!

394778698 , я считаю свой ответ правильным, веть даже если я тебе дам код, ты не сможешь его усвоить и понять... Проверим:

html

   <!doctype html> <html lang="ru"> <head>     <meta charset="UTF-8">     <meta name="viewport"           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>Document</title> </head> <body> <style>     .wrapper {         display: grid;         grid-template-columns: 1fr 1fr 1fr;     }     .block {         background: #ceea95;         border-radius: 10px;         text-align: center;         margin: 5px;     } </style> <div class="wrapper">     <div class="block">One</div>     <div class="block">Two</div>     <div class="block">Three</div>     <div class="block">Four</div>     <div class="block">Five</div>     <div class="block">Six</div> </div>  </body> </html>

________
посл. ред. 22.09.2021 в 22:11; всего 1 раз(а); by FSeven

394778698 (22.09.2021 в 21:45)
Как при помощи css сделать такие же блоки ?

Есть много способов так сделать

Смотри в сторону display:inline-block;и display:block;

FSeven , я и не сказал что ты не дал правильный ответ я же сказал спасибо я понял дальше как применить

Изображение

------

79162_Screenshot1.png (14.4 Kb)
Скачиваний: 97

///

Изображение

------

79163_20210922_231631.png (27.0 Kb)
Скачиваний: 105

Pasha963 , о дааа) ещё больше паддинга!)

Pasha963 , xD можно код в л.с