Restaurant Menu Html Css Codepen -

filterInput.addEventListener('input', (e) => { const filterValue = e.target.value.toLowerCase();

header nav a { color: #fff; text-decoration: none; } restaurant menu html css codepen

h2 { margin-top: 0; }

body { font-family: Arial, sans-serif; margin: 0; padding: 0; } filterInput

const menuItems = document.querySelectorAll('.menu-item'); { const filterValue = e.target.value.toLowerCase()

header nav a { color: #fff; text-decoration: none; }

Now that we have our HTML structure in place, let's add some CSS to make our menu look visually appealing. Here's an example: