How To

Make Grid Elements using CSS and HTML

538

Grid Tk

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.