помощь с css

Топ дня:

AI_Helper

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

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

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

Изображение

------

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

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)
Скачиваний: 107

///

Изображение

------

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

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

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