Tooltip Addon

Descrption: Keep Container at bottom, ( spaces are between < tag> otherwise you will not see it. you can remove them after)

CSS:

.container {

padding: 50px;

}

.grid {

display: grid;

grid-template-columns: 1fr; /* Each box takes the full row */

gap: 30px;

}

.subdomain-box {

background-color: #444;

border: 2px solid #333;

border-radius: 10px;

box-shadow: 0 4px 8px rgba(0,0,0,0.3);

text-align: left; /* Align text to the left */

color: white;

width: 100%; /* Full width for the row */

margin: 0 auto;

padding: 20px; /* Add padding inside the box */

}

.subdomain-box .content h3 {

margin: 0 0 10px 0;

font-size: 24px;

}

.subdomain-box .content p {

font-size: 14px;

color: #ddd;

}

.subdomain-box a {

text-decoration: none;

color: inherit;

}

HTML:

< div class="container">

< div class="grid">

< div class="subdomain-box">

< a href="https://">

< div class="content">

< h3>Title

< p>Paragraph< /p>

< /a>

< /div>