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 c511e70..d9e4fb2 100644 --- a/website/script.js +++ b/website/script.js @@ -43,8 +43,9 @@ function showCategory(category) { else if (category === 'Snacks') { items = [ { title: "Frikandel", imageSrc: "media/frikandel.jpg", price: 2.00 }, - { title: "Bitterballen", imageSrc: "media/bitterbal.jpg", price: 2.50 }, - { title: "Kroketten", imageSrc: "media/kroket.webp", price: 2.50 }, + { title: "Bitterballen", imageSrc: "https://www.taalvoutjes.nl/app/uploads/2014/09/bitterbal.jpg", price: 2.50 }, + { title: "Mexicano", imageSrc: "media/mexicano.png", price: 2.00 }, + { 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 b3fe780..949c259 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 {