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

221 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 322 views

322 views

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

asked May 20, 2019 by avibootz

1 answer 256 views

256 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 284 views

284 views

How to create grid with row gap in CSS

asked Jun 3, 2019 by avibootz

1 answer 214 views

214 views

How to create grid with 3 rows in CSS

asked May 20, 2019 by avibootz

1 answer 240 views

240 views

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

asked Jun 4, 2019 by avibootz

2 answers 287 views

287 views

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

asked May 20, 2019 by avibootz

1 answer 300 views

300 views

How to create grid with columns gap in CSS

asked Jun 3, 2019 by avibootz

...