Programming & Software Q&A | CollectiveSolver

Disclosure: My content contains affiliate links.

How to create grid with 1 row and 3 cols in CSS

70+ SQL courses for beginners and professionals

238 views

asked May 20, 2019 by avibootz
edited May 21, 2019 by avibootz

Share on

share on gp share on fb share on tw share on li share on re share via email

1 Answer

<!DOCTYPE html> 
<html> 
    <head> 
        <style>
            .grid-container {
                display: grid;
                grid-template-columns: auto auto auto;
            }
            .grid-item {
                border: 1px solid;
                padding: 10px;
                text-align: center;
            }
        </style>
    </head> 
    <body> 
       <div class="grid-container">
            <div class="grid-item">A</div>
            <div class="grid-item">B</div>
            <div class="grid-item">C</div>  
        </div>
    </body> 
</html>

70+ SQL courses for beginners and professionals

answered May 20, 2019 by avibootz

Related questions

3 answers 339 views

339 views

How to create 3x3 grid with specific size for rows and cols in CSS

asked May 20, 2019 by avibootz

1 answer 282 views

282 views

How to specify a place for an item that start with row line and col line end with span N rows and span N cols in CSS

asked Jun 4, 2019 by avibootz

1 answer 305 views

305 views

How to create grid with row gap in CSS

asked Jun 3, 2019 by avibootz

1 answer 227 views

227 views

How to create grid with 3 rows in CSS

asked May 20, 2019 by avibootz

1 answer 258 views

258 views

How to define the height of each row in grid with CSS

asked Jun 4, 2019 by avibootz

2 answers 303 views

303 views

How to create grid with 6 items and specific size in CSS

asked May 20, 2019 by avibootz

1 answer 318 views

318 views

How to create grid with columns gap in CSS

asked Jun 3, 2019 by avibootz

...