Restaurant Menu Html Css Codepen 〈Recent ✦〉
if (filteredItems.length === 0) menuGrid.innerHTML = `<div class="no-results"><i class="fas fa-utensils"></i> No dishes found in this category.<br>Try another delicious section ✨</div>`; return;
/* no results message */ .no-results grid-column: 1 / -1; text-align: center; padding: 3rem; background: #faf6f0; border-radius: 48px; font-size: 1rem; color: #b18762; restaurant menu html css codepen
<!-- Dynamic category filters (JS powered) --> <div class="filter-tabs" id="filterTabs"> <!-- will be populated from js --> </div> if (filteredItems
// State: currently active filter category (null = show all) let activeCategory = null; // null means "All" i class="fas fa-utensils">