.bbd-grid-100{display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin:20px 0;}
.bbd-grid-100 a{background:#f8fbff; border:1px solid #dbeafe; padding:10px 12px; border-radius:8px; text-decoration:none; color:#1e40af; font-weight:600; font-size:13px; display:block; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbd-grid-100 a:hover{background:#2563eb; color:#fff;}
@media(max-width:900px){.bbd-grid-100{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.bbd-grid-100{grid-template-columns:1fr;}}
📚 Latest 100 Articles from Bright English – BrightonBD
fetch(‘/feeds/posts/default?alt=json&max-results=100′)
.then(res=>res.json())
.then(data=>{
let html=”;
data.feed.entry.forEach(e=>{
let url=”;
for(let l of e.link){if(l.rel==’alternate’){url=l.href; break;}}
let title=e.title.$t;
// Clean title for better look
html+=`${title}`;
});
document.getElementById(‘latest100’).innerHTML=html;
})
.catch(()=>{document.getElementById(‘latest100′).innerHTML=’Failed to load. Please refresh.’;});