![Grid Tk](http://thekroyaard.com/wp-content/uploads/2021/12/grid-tk-300x147.png)
Have you website, And want to create/make Grid type of elements, So you will make this type elements using CSS and HTML.
How to Make Grid Style Elements
>> Just paste this code in your CSS or Style Section.
.thekroyaard-container { display: grid; grid-template-columns: auto auto auto; background-color: blue; padding: 10px; border: 4px solid pink; } .thekroyaard-item { background-color: white; border: 1px solid rgba(0, 0, 0, 0.8); padding: 20px; font-size: 30px; text-align: center; }
>> Then Paste this given code, where you want to show Grid Elements.
<div class="thekroyaard-container"> <div class="thekroyaard-item" style="background: red;"><a href="http://thekroyaard.com/">govt</a></div> <div class="thekroyaard-item">Private</div> <div class="thekroyaard-item">School</div> <div class="thekroyaard-item">4</div> <div class="thekroyaard-item">5</div> <div class="thekroyaard-item">6</div> <div class="thekroyaard-item">7</div> <div class="thekroyaard-item">8</div> <div class="thekroyaard-item">9</div> </div>
Note –
You can Change this code according to your choice.