Yo Maps

Chile One

Chef 187

Macky 2

Shenky Shugah

Chester

Triple M

Xaven

Pompi

Neo Slayer

Spac Dee

4 Na 5

HD Empire

Kanina Kandalama

Wizkid

Davido

Burna Boy

Rema

Ruger

Omah Lay

Tems

Fireboy DML

Asake

Kizz Daniel

Black Sherif

/* 1. Global Grid Container - Applies to initial and loaded items */ .post-list, .post-grid-wrapper { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; /* Force 2 columns */ gap: 12px !important; padding: 10px 0 !important; width: 100% !important; box-sizing: border-box !important; /* Stability: Prevents shaking/shifting during AJAX loading */ transform: translateZ(0); backface-visibility: hidden; contain: layout; } /* 2. Individual Card Stability */ .post-item, .grid-item { background: #fff; border-radius: 8px; border: 1px solid #eeeeee; overflow: hidden; position: relative; display: flex; flex-direction: column; text-decoration: none; color: inherit; /* Prevents "jumping" when new items are added */ height: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } /* 3. Image Lock - Prevents Layout Shift (CLS) */ .post-image, .grid-image-container { width: 100% !important; aspect-ratio: 1 / 1 !important; background-color: #f7f7f7; position: relative; overflow: hidden; } /* 4. Green Music Icon Overlay (Lucide Style) */ /* This ensures the icon appears on ALL grid items, even those loaded later */ .post-image::after, .grid-image-container::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 38px; height: 38px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'%3E%3C/path%3E%3Ccircle cx='6' cy='18' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='16' r='3'%3E%3C/circle%3E%3C/svg%3E") no-repeat center; background-size: 20px; background-color: var(--primary); /* Vibrant Green */ border-radius: 50%; z-index: 2; pointer-events: none; /* No clicking issues */ box-shadow: 0 2px 6px rgba(0,0,0,0.15); } .post-image img, .grid-img { width: 100%; height: 100%; object-fit: cover; display: block; } /* 5. Text Styling - No Shaking */ .post-info, .grid-content { padding: 10px 8px; text-align: center; } .post-title, .grid-title {color: var(--text-main2); font-size: 14px !important; font-weight: 700 !important; margin: 0 0 4px 0 !important; line-height: 1.2 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; font-family: 'inter',sans-serif; } .post-meta, .grid-artist { font-size: 12px !important; color: #2f2e2e !important; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 !important; font-family: 'inter',sans-serif; } } /* 6. Hide the Arrow (Optional) */ /* Usually arrows are for list layouts; removing them keeps the grid clean */ .post-arrow { display: none !important; } /* 7. Mobile Optimization */ @media (max-width: 480px) { .post-list, .post-grid-wrapper { gap: 8px !important; } .post-image::after, .grid-image-container::after { width: 32px; height: 32px; background-size: 16px; } }

Badboi Langa – Active

badboi langa active mp3

Posted by SONTRUST

Tuesday, 02 December 2025, 10:52 pm

Badboi Langa – Active

DOWNLOAD / PLAY ×

Active by Badboi Langa Mp3 Download

“Active” is a track by Badboi Langa, released as part of his EP Just Believe.

The official music video for “Active” shows energetic visuals, designed to match the song’s vibe of hustle and determination.

According to the coverage of the “Just Believe” EP, “Active” helped boost Badboi Langa’s recognition — the EP is described as helping him “solidify his position as a household name.