সম্পাদনা
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .container { height: 180px; width: 180px; border: solid black 1px; display: grid; grid-template-columns: repeat(3, 40px); grid-template-rows: repeat(2, 40px); gap: 2px; } .container > div { background-color: coral; } .start { place-content: start; } .center { place-content: center; } .end { place-content: end; } </style> </head> <body> <div class="container start"> <div></div> <div></div> <div></div> <div></div> </div> <br> <div class="container center"> <div></div> <div></div> <div></div> <div></div> </div> <br> <div class="container end"> <div></div> <div></div> <div></div> <div></div> </div> </body> </html>
পূর্বরূপ