Slider Responsive<\/title>\n\n<style>\n* {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n background: #000;\n font-family: Arial, sans-serif;\n}\n\n.slider {\n position: relative;\n width: 90%;\n max-width: 900px;\n aspect-ratio: 4 \/ 5; \/* \ud83d\udd25 proporzione verticale *\/\n margin: 50px auto;\n overflow: hidden;\n border-radius: 10px;\n background: #000;\n}\n\n.slides {\n display: flex;\n height: 100%;\n transition: transform 0.5s ease-in-out;\n}\n\n.slide {\n min-width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.slide img {\n width: 100%;\n height: 100%;\n object-fit: contain; \/* \ud83d\udd25 niente schiacciamento *\/\n display: block;\n}\n\n\/* Frecce *\/\n.arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n font-size: 40px;\n color: #fff;\n background: rgba(0,0,0,0.3);\n border: none;\n padding: 10px;\n cursor: pointer;\n z-index: 10;\n border-radius: 50%;\n user-select: none;\n}\n\n.prev { left: 10px; }\n.next { right: 10px; }\n\n@media (max-width: 768px) {\n .arrow { font-size: 30px; }\n}\n\n@media (max-width: 480px) {\n .arrow { font-size: 25px; }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"slider\">\n <div class=\"slides\">\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/02\/SL-4-scaled-1.jpg\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/02\/SL-2-scaled-1.jpg\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/02\/SL-3-scaled-1.jpg\">\n <\/div>\n <\/div>\n\n <div class=\"arrow prev\">❮<\/div>\n <div class=\"arrow next\">❯<\/div>\n<\/div>\n\n<script>\nconst slidesContainer = document.querySelector('.slides');\nconst slides = document.querySelectorAll('.slide');\nconst prev = document.querySelector('.prev');\nconst next = document.querySelector('.next');\n\nlet index = 0;\n\nfunction showSlide(i) {\n if (i < 0) index = slides.length - 1;\n else if (i >= slides.length) index = 0;\n else index = i;\n\n slidesContainer.style.transform = `translateX(${-index * 100}%)`;\n}\n\nprev.addEventListener('click', () => showSlide(index - 1));\nnext.addEventListener('click', () => showSlide(index + 1));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized is-style-default\"><img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/02\/IMG_1503.heic\" alt=\"\" class=\"wp-image-997\" style=\"width:500px\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In occasione delle feste del 2025, ho realizzato per la Bistronomia da Remo il men\u00f9 delle portate. Il progetto prevedeva l’impaginazione, la scelta tipografica e soprattutto la definizione dello stile. Per questo lavoro \u00e8 stata realizzata anche l’illustrazione a mano, dopo una serie di prove differenti, per donare un tocco pi\u00f9 raffinato e artigianale al … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/lorenzettomediadesign.it\/?p=996\" class=\"more-link\">Leggi tutto<span class=\"screen-reader-text\"> “Men\u00f9 delle feste – Bistronomia da Remo”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":999,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"chat","meta":{"footnotes":""},"categories":[3],"tags":[16,44],"class_list":["post-996","post","type-post","status-publish","format-chat","has-post-thumbnail","hentry","category-design","tag-design","tag-remo","post_format-post-format-chat"],"_links":{"self":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=996"}],"version-history":[{"count":0,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/996\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/media\/999"}],"wp:attachment":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":996,"date":"2026-02-09T12:09:49","date_gmt":"2026-02-09T11:09:49","guid":{"rendered":"https:\/\/simonelorenzettodesigner.netsons.org\/?p=996"},"modified":"2026-02-09T12:09:49","modified_gmt":"2026-02-09T11:09:49","slug":"menu-delle-feste-bistronomia-da-remo","status":"publish","type":"post","link":"https:\/\/lorenzettomediadesign.it\/?p=996","title":{"rendered":"Men\u00f9 delle feste – Bistronomia da Remo"},"content":{"rendered":"\n

In occasione delle feste del 2025, ho realizzato per la Bistronomia da Remo il men\u00f9 delle portate. Il progetto prevedeva l’impaginazione, la scelta tipografica e soprattutto la definizione dello stile. Per questo lavoro \u00e8 stata realizzata anche l’illustrazione a mano, dopo una serie di prove differenti, per donare un tocco pi\u00f9 raffinato e artigianale al men\u00f9.<\/p>\n\n\n\n\n\n\n\n\nSlider Responsive<\/title>\n\n<style>\n* {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n background: #000;\n font-family: Arial, sans-serif;\n}\n\n.slider {\n position: relative;\n width: 90%;\n max-width: 900px;\n aspect-ratio: 4 \/ 5; \/* \ud83d\udd25 proporzione verticale *\/\n margin: 50px auto;\n overflow: hidden;\n border-radius: 10px;\n background: #000;\n}\n\n.slides {\n display: flex;\n height: 100%;\n transition: transform 0.5s ease-in-out;\n}\n\n.slide {\n min-width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.slide img {\n width: 100%;\n height: 100%;\n object-fit: contain; \/* \ud83d\udd25 niente schiacciamento *\/\n display: block;\n}\n\n\/* Frecce *\/\n.arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n font-size: 40px;\n color: #fff;\n background: rgba(0,0,0,0.3);\n border: none;\n padding: 10px;\n cursor: pointer;\n z-index: 10;\n border-radius: 50%;\n user-select: none;\n}\n\n.prev { left: 10px; }\n.next { right: 10px; }\n\n@media (max-width: 768px) {\n .arrow { font-size: 30px; }\n}\n\n@media (max-width: 480px) {\n .arrow { font-size: 25px; }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"slider\">\n <div class=\"slides\">\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/02\/SL-4-scaled-1.jpg\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/02\/SL-2-scaled-1.jpg\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/02\/SL-3-scaled-1.jpg\">\n <\/div>\n <\/div>\n\n <div class=\"arrow prev\">❮<\/div>\n <div class=\"arrow next\">❯<\/div>\n<\/div>\n\n<script>\nconst slidesContainer = document.querySelector('.slides');\nconst slides = document.querySelectorAll('.slide');\nconst prev = document.querySelector('.prev');\nconst next = document.querySelector('.next');\n\nlet index = 0;\n\nfunction showSlide(i) {\n if (i < 0) index = slides.length - 1;\n else if (i >= slides.length) index = 0;\n else index = i;\n\n slidesContainer.style.transform = `translateX(${-index * 100}%)`;\n}\n\nprev.addEventListener('click', () => showSlide(index - 1));\nnext.addEventListener('click', () => showSlide(index + 1));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized is-style-default\"><img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/02\/IMG_1503.heic\" alt=\"\" class=\"wp-image-997\" style=\"width:500px\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In occasione delle feste del 2025, ho realizzato per la Bistronomia da Remo il men\u00f9 delle portate. Il progetto prevedeva l’impaginazione, la scelta tipografica e soprattutto la definizione dello stile. Per questo lavoro \u00e8 stata realizzata anche l’illustrazione a mano, dopo una serie di prove differenti, per donare un tocco pi\u00f9 raffinato e artigianale al … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/lorenzettomediadesign.it\/?p=996\" class=\"more-link\">Leggi tutto<span class=\"screen-reader-text\"> “Men\u00f9 delle feste – Bistronomia da Remo”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":999,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"chat","meta":{"footnotes":""},"categories":[3],"tags":[16,44],"class_list":["post-996","post","type-post","status-publish","format-chat","has-post-thumbnail","hentry","category-design","tag-design","tag-remo","post_format-post-format-chat"],"_links":{"self":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=996"}],"version-history":[{"count":0,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/996\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/media\/999"}],"wp:attachment":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}