diff --git a/website/media/Kipcorn.png b/website/media/Kipcorn.png new file mode 100644 index 0000000..0de8933 Binary files /dev/null and b/website/media/Kipcorn.png differ diff --git a/website/media/Mexicano.png b/website/media/Mexicano.png new file mode 100644 index 0000000..4b77e01 Binary files /dev/null and b/website/media/Mexicano.png differ diff --git a/website/script.js b/website/script.js index 6ce4517..496d51d 100644 --- a/website/script.js +++ b/website/script.js @@ -25,7 +25,9 @@ function showCategory(category) { else if (category === 'Snacks') { items = [ { title: "Frikandel", imageSrc: "media/frikandel.jpg", price: 2.00 }, + { title: "Mexicano", imageSrc: "media/Mexicano.png", price: 2.00 }, { title: "Bitterballen", imageSrc: "https://www.taalvoutjes.nl/app/uploads/2014/09/bitterbal.jpg", price: 2.50 }, + { title: "Kipcorn", imageSrc: "media/Kipcorn.png", price: 2.50 }, ]; } else if (category === 'deserts') { items = [ diff --git a/website/style.css b/website/style.css index 0e843f4..1b735ca 100644 --- a/website/style.css +++ b/website/style.css @@ -37,6 +37,7 @@ body { flex-wrap: wrap; padding: 20px; justify-content: space-around; +grid: } .product-box { @@ -48,6 +49,7 @@ body { text-align: center; cursor: pointer; transition: all 0.3s ease; + } .product-box:hover {