grid-template-columns 1fr meaning

Ritu Bhavsar answered on September 9, 2022 Popularity 8/10 Helpfulness 1/10

answer grid-template-columns 1fr meaning

grid-template-columns 1fr meaning

Comment

-1

<!DOCTYPE html>
<html>
 
<head>
    <style>
        .container {
            display: grid;
 
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-rows: 100px;
            grid-gap: 10px;
        }
 
 
        .container div {
            border: 3px black;
            border-radius: 7px;
            background-color: yellowgreen;
            padding: 1em;
            text-align: center;
            color: darkgreen;
        }
 
        h1 {
            color: green;
            text-align: center;
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <div class="container">
        <div>geeksforgeeks 1</div>
        <div>geeksforgeeks 2</div>
        <div>geeksforgeeks 3</div>
        <div>geeksforgeeks 4</div>
    </div>
</body>
 
 
</html>

Popularity 8/10 Helpfulness 1/10 Language whatever

Source: www.geeksforgeeks.org

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Sep 09 2022

Ritu Bhavsar

0 Answers Avg Quality 2/10

grid-template-columns 1fr meaning

Contents

More Related Answers

grid-template-columns 1fr meaning

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.