<h3 id="heading-key-css-grid-properties"><strong>Key CSS Grid Properties</strong></h3>
<ul>
<li><p><code>display: grid;</code>: Enables the grid layout.</p>
</li>
<li><p><code>grid-template-columns</code>: Defines column structure (e.g., <code>repeat(3, 1fr)</code>).</p>
</li>
<li><p><code>grid-template-rows</code>: Defines row structure.</p>
</li>
<li><p><code>gap</code>: Adds spacing between grid items.</p>
</li>
<li><p><code>auto-fit</code> and <code>auto-fill</code>: Automatically adjusts grid columns based on content.</p>
<h3 id="heading-github-link-httpsgithubcommischiii22cssgridgithttpsgithubcommischiii22cssgridgit">GITHUB LINK: <a target="_blank" href="https://github.com/mischiii22/CSS_GRID.git">https://github.com/mischiii22/CSS_GRID.git</a></h3>
</li>
</ul>


### **Key CSS Grid Properties**

* `display: grid;`: Enables the grid layout.
    
* `grid-template-columns`: Defines column structure (e.g., `repeat(3, 1fr)`).
    
* `grid-template-rows`: Defines row structure.
    
* `gap`: Adds spacing between grid items.
    
* `auto-fit` and `auto-fill`: Automatically adjusts grid columns based on content.
    
    ### GITHUB LINK: [https://github.com/mischiii22/CSS\_GRID.git](https://github.com/mischiii22/CSS_GRID.git)

Activity 27: CSS GRID

Table of contents

Key CSS Grid Properties

GITHUB LINK: https://github.com/mischiii22/CSS_GRID.git