Food Blogs, Family Stories, and Expert Cooking Tips

<!DOCTYPE html> <html lang="en" class="t-body-base font-sans text-midnight antialiased no-js scroll-smooth scroll-p-6 bg-cream print:bg-transparent "> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <meta name="htmx-config" content='{"selfRequestsOnly":false}'> <link rel="preload" href="https://www-tc.pbs.org/pbsfonts/v1.2/PBSSans.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www-tc.pbs.org/pbsfonts/v1.2/PBSSans-Medium.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www-tc.pbs.org/pbsfonts/v1.2/PBSSans-Bold.woff2" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://www.pbs.org/food/foods_dist/assets/main-76d55367.css"> <link rel="apple-touch-icon" sizes="180x180" href="https://www-tc.pbs.org/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www-tc.pbs.org/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www-tc.pbs.org/favicon-16x16.png"> <link rel="manifest" href="https://www.pbs.org/food/site.webmanifest"> <link rel="mask-icon" href="https://www.pbs.org/food/safari-pinned-tab.svg" color="#2638c4"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <style>[x-cloak] { display: none !important; }</style> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','GTMDataLayer','GTM-TWTDGH');</script> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <title>Food Blogs, Family Stories, and Expert Cooking Tips | PBS</title><meta name="description" content="PBS Food unites cooking shows, blogs and recipes from PBS and local stations across the country including Julia Child and Kitchen Vignettes!"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="206817906094989" property="fb:profile_id"> <meta content="en_US" property="og:locale"> <meta content="PBS Food" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://www.pbs.org/food/stories" property="og:url"> <meta content="Food Blogs, Family Stories, and Expert Cooking Tips | PBS" property="og:title"> <meta content="PBS Food unites cooking shows, blogs and recipes from PBS and local stations across the country including Julia Child and Kitchen Vignettes!" property="og:description"> <meta content="https://dmlxzvnzyohme.cloudfront.net/_1200x630_crop_center-center_82_none_ns/family-preview-c7b361e32f6cf1b557b6ecf5e8a76301_2023-08-28-152834_hqnk.jpg?mtime=1697286481" property="og:image"> <meta content="http://www.pinterest.com/pbsfood" property="og:see_also"> <meta content="http://www.youtube.com/user/pbsfood" property="og:see_also"> <meta content="http://instagram.com/pbsfood" property="og:see_also"> <meta content="http://www.facebook.com/pbsfood" property="og:see_also"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:creator" content="@"> <meta name="twitter:title" content="Food Blogs, Family Stories, and Expert Cooking Tips | PBS"> <meta name="twitter:description" content="PBS Food unites cooking shows, blogs and recipes from PBS and local stations across the country including Julia Child and Kitchen Vignettes!"> <meta name="twitter:image" content="https://dmlxzvnzyohme.cloudfront.net/_1200x630_crop_center-center_82_none_ns/family-preview-c7b361e32f6cf1b557b6ecf5e8a76301_2023-08-28-152834_hqnk.jpg?mtime=1697286481"> <link href="https://www.pbs.org/food/stories" rel="canonical"> <link href="https://www.pbs.org/food" rel="home"> <style> .skip-link { position: absolute; top: 8px; left: 8px; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; } .skip-link:focus, .skip-link:active { display: block; z-index: 90; width: auto; height: auto; padding: 0.75em 1em; clip: unset; clip-path: none; background-color: #FEDB31; color: black; white-space: normal; } </style> <style> .ie-notice { display: none; position: fixed; bottom: 0; z-index: 99999; width: 100%; padding: 2rem; background: #FFFF99; text-align: center; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .ie-notice { display: block; } } .ie-notice p { font-weight: 700; margin-bottom: 1rem; } </style></head> <body id="top"> <div id="app" class="flex flex-col min-h-screen"> <a class="skip-link print:hidden" href="#main">Skip to main content</a> <div class="ie-notice print-hidden"> <div class="container"> <p> Your web browser is out of date. Update your browser for more security, speed and the best experience on this site. </p> <a class="btn" href="http://outdatedbrowser.com">Update your browser</a> </div> </div> <div class="print:hidden"> <script>var PBS_CHROME_CONFIG = {'api_key': '1f9cb6f2-a8aa-46d0-bbab-17939c0fca23'};</script> <script type="text/javascript" src="//d2ok2u3bz752mp.cloudfront.net/js/gc.js"></script> </div> <header class="relative overflow-visible print:hidden"> <div class="container text-center mt-spacer"> <nav class="flex justify-between xs:flex-col"> <a href="https://www.pbs.org/food/" class=" inline-block text-[40px] leading-[0.75] font-bold text-blue md:text-[43px] xl:text-[57px]"> Food </a> <ul class="hidden xs:flex items-center justify-center gap-3 max-w-[600px] mt-10 mx-auto sm:gap-4"> <li class="flex-1 max-[800px]:hidden"> <a href="https://www.pbs.org/food/" class=" py-2 border-b-4 border-transparent text-16p leading-[1] text-navy-blue font-medium whitespace-nowrap 2xs:px-2 hocus:text-blue "> Home </a> </li> <li class="flex-1 "> <a href="https://www.pbs.org/food/recipes" class=" py-2 border-b-4 border-transparent text-16p leading-[1] text-navy-blue font-medium whitespace-nowrap 2xs:px-2 hocus:text-blue "> Recipes </a> </li> <li class="flex-1 "> <a href="https://www.pbs.org/food/shows" class=" py-2 border-b-4 border-transparent text-16p leading-[1] text-navy-blue font-medium whitespace-nowrap 2xs:px-2 hocus:text-blue "> Shows </a> </li> <li class="flex-1 "> <a href="https://www.pbs.org/food/chefs" class=" py-2 border-b-4 border-transparent text-16p leading-[1] text-navy-blue font-medium whitespace-nowrap 2xs:px-2 hocus:text-blue "> Chefs </a> </li> <li class="flex-1 "> <a href="https://www.pbs.org/food/stories" class=" py-2 border-b-4 border-transparent text-16p leading-[1] text-navy-blue font-medium whitespace-nowrap 2xs:px-2 hocus:text-blue font-bold border-yellow"> Stories </a> </li> </ul> <div class="contents" x-data="{ mobileNavOpen: false }" x-trap.inert.noscroll="mobileNavOpen" @keyup.esc="mobileNavOpen = false"> <div class="flex items-center gap-6 z-50 ml-auto xs:hidden"> <button class="relative z-70 w-9 h-9 t-link-colors" :class="mobileNavOpen ? 'hidden' : 'flex'" @click="mobileNavOpen = true" aria-haspopup="true" aria-controls="mobile-nav" :aria-expanded="mobileNavOpen ? 'true' : 'false'" > <svg class="w-full h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M3 6.75A.75.75 0 013.75 6h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 6.75zM3 12a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 12zm0 5.25a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75a.75.75 0 01-.75-.75z" clip-rule="evenodd"/> </svg> <span class="sr-only">Open main navigation</span> <button class="w-8 h-8" :class="mobileNavOpen ? 'flex' : 'hidden'" @click="mobileNavOpen = false" aria-controls="mobile-nav"> <span class="sr-only">Close</span> <svg class="w-full h-auto" width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M16.8126 14.9997L27.5056 4.30667C28.0493 3.76296 28.0493 2.85677 27.5056 2.31306C26.9619 1.76935 26.0557 1.76935 25.512 2.31306L14.8189 13.1873L4.30716 2.4943C3.76345 1.95058 2.85726 1.95058 2.31355 2.4943C1.76983 3.03801 1.76983 3.9442 2.31355 4.48791L13.0066 15.1809L2.31355 25.6927C1.76983 26.2364 1.76983 27.1426 2.31355 27.6863C2.85726 28.23 3.76345 28.23 4.30716 27.6863L15.0002 16.9933L25.6932 27.6863C26.2369 28.23 27.1431 28.23 27.6868 27.6863C28.2305 27.1426 28.2305 26.2364 27.6868 25.6927L16.8126 14.9997Z" fill="white"/> </svg> </button> <a class="w-8 h-8 ml-auto -order-1" :class="mobileNavOpen ? 'flex' : 'hidden'" href="https://www.pbs.org/food/recipes/search/"> <span class="sr-only">Search</span> <svg class="svg-icon svg-fill h-auto w-full text-white" width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M33.4703 30.8882C33.4459 30.864 33.4459 30.864 33.4216 30.8399L33.4459 30.8157L23.9717 21.4139C28.039 16.1934 27.6737 8.67674 22.8514 3.89124C20.2453 1.30514 16.8112 0 13.3772 0C9.96741 0 6.53331 1.30514 3.92729 3.89124C-1.3091 9.08761 -1.3091 17.4743 3.92729 22.6707C6.53331 25.2568 9.96741 26.5619 13.3772 26.5619C16.178 26.5619 18.9789 25.6918 21.317 23.9758L30.8399 33.426C30.8643 33.4502 30.8643 33.4502 30.8886 33.4743C31.5949 34.1752 32.764 34.1752 33.4703 33.4743C34.1766 32.7251 34.1766 31.5891 33.4703 30.8882ZM6.50895 20.1088C4.68231 18.2719 3.65938 15.855 3.65938 13.2689C3.65938 10.6828 4.68231 8.26586 6.50895 6.45317C8.3356 4.64048 10.7955 3.62538 13.3772 3.62538C15.9832 3.62538 18.4187 4.64048 20.2453 6.45317C22.072 8.26586 23.0949 10.7069 23.0949 13.2689C23.0949 15.4441 22.3886 17.4985 21.0734 19.1662L19.3198 20.9063C17.615 22.2115 15.5448 22.9124 13.3772 22.9124C10.7955 22.9366 8.3356 21.9214 6.50895 20.1088Z" fill="white"/> </svg> </a> </div> <div id="mobile-nav" class="absolute z-40 top-0 left-0 right-0 h-screen overflow-scroll py-spacer bg-midnight bg-cover" style="background-image: url('https://www.pbs.org/food/static/img/mobile-nav-bg.jpg')" x-cloak x-show="mobileNavOpen"> <div class="container pb-spacer"> <div class="flex justify-between items-center gap-6 mb-spacer"> <a href="https://www.pbs.org/food/" class="inline-block text-[40px] leading-[0.75] font-bold text-white"> Food </a> </div> <ul class=""> <li class="text-left mb-5"> <a href="https://www.pbs.org/food/" class=" border-b-3 border-transparent text-30p leading-[1] text-white font-bold whitespace-nowrap hocus:opacity-80 "> Home </a> </li> <li class="text-left mb-5"> <a href="https://www.pbs.org/food/recipes" class=" border-b-3 border-transparent text-30p leading-[1] text-white font-bold whitespace-nowrap hocus:opacity-80 "> Recipes </a> </li> <li class="text-left mb-5"> <a href="https://www.pbs.org/food/shows" class=" border-b-3 border-transparent text-30p leading-[1] text-white font-bold whitespace-nowrap hocus:opacity-80 "> Shows </a> </li> <li class="text-left mb-5"> <a href="https://www.pbs.org/food/chefs" class=" border-b-3 border-transparent text-30p leading-[1] text-white font-bold whitespace-nowrap hocus:opacity-80 "> Chefs </a> </li> <li class="text-left mb-5"> <a href="https://www.pbs.org/food/stories" class=" border-b-3 border-transparent text-30p leading-[1] text-white font-bold whitespace-nowrap hocus:opacity-80 font-bold border-yellow"> Stories </a> </li> </ul> </div> </div> </div> </nav> </div> </header> <main id="main" class="flex-1 mb-spacer-lg mt-12 md:mt-16"> <header class="container mb-8 text-center"> <h1 class="t-h3 text-navy-blue">Stories & Blogs</h1> <p class="mt-3 font-medium">Chefs and food authors share the stories behind their favorite recipes and food ideas.</p> </header> <div class="blocks"> <section class="md:bg-white md:py-spacer xl:bg-fog"> <div class="container overflow-hidden md:layout-grid"> <div class="max-md:container col-span-full xl:col-span-6"> <article class="-mx-containerPad md:mx-0"> <div class=" aspect-video max-h-[420px] w-full relative flex flex-col justify-end px-containerPad pb-4 font-medium md:px-6"> <img class="absolute top-0 left-0 w-full h-full object-cover" style="object-position: 50% 50%" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2013/03/_768xAUTO_crop_center-center_none_ns/grilled-cheese640x360.jpg" width="640" height="360" srcset=" https://dmlxzvnzyohme.cloudfront.net/2013/03/_640x360_crop_center-center_none_ns/grilled-cheese640x360.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2013/03/_768x432_crop_center-center_none_ns/grilled-cheese640x360.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2013/03/_1024x576_crop_center-center_none_ns/grilled-cheese640x360.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2013/03/_1366x768_crop_center-center_none_ns/grilled-cheese640x360.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2013/03/_1600x900_crop_center-center_none_ns/grilled-cheese640x360.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2013/03/_1920x1080_crop_center-center_none_ns/grilled-cheese640x360.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2013/03/_2680x1508_crop_center-center_none_ns/grilled-cheese640x360.jpg 2680w, " sizes=" (min-width: 1436px) 658px, (min-width: 1280px) 50vw, 100vw" /> <div class="hidden xl:block absolute bottom-0 left-0 right-0 h-3/5 bg-gradient-to-t from-charcoal"> </div> <div class="block xl:hidden absolute top-0 bottom-0 left-0 w-4/5 bg-gradient-to-r from-charcoal md:w-3/5"> </div> <span class="tag absolute top-4">Story</span> <div class="relative"> <h3 class=" t-h4 w-4/5 relative text-white text-wrap-balance sm:w-3/5 md:t-h2 xl:w-full"> Take Grilled Cheese From Ordinary to Extraordinary </h3> </div> </div> <div class="px-containerPad mt-4 md:px-6"> <p class="mt-4 mb-4 line-clamp-4 font-medium xl:font-normal"> Add mango chutney or caramelized onions to your grilled cheese for extra flavor, and get tips for making the perfect grilled cheese. </p> <a href="https://www.pbs.org/food/stories/grilled-cheese" class="btn">Read More</a> </div> </article> </div> <div class="mt-spacer col-span-full md:mt-0 xl:col-span-6"> <div class="js-content-card-carousel content-card-carousel splide" data-splide={"breakpoints":{"768":{"destroy":true}}}> <div class="splide__track !overflow-visible py-8 -mt-8 md:py-0 md:my-0 md:!px-0"> <ul class=" splide__list !overflow-visible md:!grid md:grid-cols-2 md:gap-8 lg:grid-cols-4 xl:grid-cols-2 xl:gap-x-8 gap-y-6"> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto"> <a href="https://www.pbs.org/food/stories/tip-trick-triple-baked-pie-crust" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-transparent "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2016/11/_768xAUTO_crop_center-center_none_ns/T_T-Pot-Pie-Crust_thumbnail.jpg" width="3840" height="2160" srcset=" https://dmlxzvnzyohme.cloudfront.net/2016/11/_640x360_crop_center-center_none_ns/T_T-Pot-Pie-Crust_thumbnail.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2016/11/_768x432_crop_center-center_none_ns/T_T-Pot-Pie-Crust_thumbnail.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2016/11/_1024x576_crop_center-center_none_ns/T_T-Pot-Pie-Crust_thumbnail.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2016/11/_1366x768_crop_center-center_none_ns/T_T-Pot-Pie-Crust_thumbnail.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2016/11/_1600x900_crop_center-center_none_ns/T_T-Pot-Pie-Crust_thumbnail.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2016/11/_1920x1080_crop_center-center_none_ns/T_T-Pot-Pie-Crust_thumbnail.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2016/11/_2680x1508_crop_center-center_none_ns/T_T-Pot-Pie-Crust_thumbnail.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h7 !font-medium mb-2 line-clamp-2 "> Tip & Trick: Triple-Baked Pie Crust </h3> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto"> <a href="https://www.pbs.org/food/stories/how-to-decorate-rainbow-cupcakes" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-transparent "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2018/03/_768xAUTO_crop_center-center_none_ns/rainbow-cupcakes.jpg" width="680" height="382" srcset=" https://dmlxzvnzyohme.cloudfront.net/2018/03/_640x360_crop_center-center_none_ns/rainbow-cupcakes.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_768x432_crop_center-center_none_ns/rainbow-cupcakes.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1024x576_crop_center-center_none_ns/rainbow-cupcakes.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1366x768_crop_center-center_none_ns/rainbow-cupcakes.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1600x900_crop_center-center_none_ns/rainbow-cupcakes.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1920x1080_crop_center-center_none_ns/rainbow-cupcakes.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_2680x1508_crop_center-center_none_ns/rainbow-cupcakes.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h7 !font-medium mb-2 line-clamp-2 "> How to Decorate Rainbow Cupcakes </h3> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto"> <a href="https://www.pbs.org/food/stories/tips-tricks-make-medieval-meat-roasting-pit" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-transparent "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2016/09/_768xAUTO_crop_center-center_none_ns/fireplace-spit-icon.jpg" width="1920" height="1080" srcset=" https://dmlxzvnzyohme.cloudfront.net/2016/09/_640x360_crop_center-center_none_ns/fireplace-spit-icon.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2016/09/_768x432_crop_center-center_none_ns/fireplace-spit-icon.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2016/09/_1024x576_crop_center-center_none_ns/fireplace-spit-icon.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2016/09/_1366x768_crop_center-center_none_ns/fireplace-spit-icon.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2016/09/_1600x900_crop_center-center_none_ns/fireplace-spit-icon.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2016/09/_1920x1080_crop_center-center_none_ns/fireplace-spit-icon.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2016/09/_2680x1508_crop_center-center_none_ns/fireplace-spit-icon.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h7 !font-medium mb-2 line-clamp-2 "> Tips & Tricks: Make a Medieval Meat-Roasting Pit </h3> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto"> <a href="https://www.pbs.org/food/stories/leonardo-da-vinci" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-transparent "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="Leonardo da Vinci" src="https://dmlxzvnzyohme.cloudfront.net/2013/07/_768xAUTO_crop_center-center_none_ns/leonardo-da-vinci640x360.jpg" width="640" height="360" srcset=" https://dmlxzvnzyohme.cloudfront.net/2013/07/_640x360_crop_center-center_none_ns/leonardo-da-vinci640x360.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2013/07/_768x432_crop_center-center_none_ns/leonardo-da-vinci640x360.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2013/07/_1024x576_crop_center-center_none_ns/leonardo-da-vinci640x360.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2013/07/_1366x768_crop_center-center_none_ns/leonardo-da-vinci640x360.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2013/07/_1600x900_crop_center-center_none_ns/leonardo-da-vinci640x360.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2013/07/_1920x1080_crop_center-center_none_ns/leonardo-da-vinci640x360.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2013/07/_2680x1508_crop_center-center_none_ns/leonardo-da-vinci640x360.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h7 !font-medium mb-2 line-clamp-2 "> What was Cooking in Leonardo da Vinci's Kitchen? </h3> </div> </a> </li> </ul> </div> </div> </div> </div> </section> <section class="container overflow-hidden"> <header class=" mb-6 md:flex md:justify-between md:gap-8"> <div class="md:w-1/2"> <h2 class=" t-h4 text-navy-blue md:t-h3 flex items-center"> <a href="https://www.pbs.org/food/stories/tag/kitchen-vignettes" class="group inline-flex items-center hocus:text-medium-blue"> Explore Kitchen Vignettes <svg class="svg-icon svg-fill h-[0.72em] w-auto ml-2 mt-[0.05em] transition group-hover:translate-x-1" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hdden="true"> <title>chevron-round-right</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="chevron-round-right" fill="#1E2030"> <path d="M10.968119,10.9398563 C10.983219,10.9209563 10.997019,10.9015563 11.011419,10.8823563 C11.026719,10.8613563 11.042319,10.8407563 11.056519,10.8191563 C11.069919,10.7991563 11.081619,10.7784563 11.093919,10.7578563 C11.106619,10.7361563 11.119719,10.7146563 11.131319,10.6925563 C11.142719,10.6709563 11.152519,10.6490563 11.162619,10.6272563 C11.172819,10.6052563 11.183619,10.5832563 11.192519,10.5606563 C11.201819,10.5379563 11.209619,10.5149563 11.217719,10.4917563 C11.225319,10.4694563 11.233619,10.4470563 11.240219,10.4244563 C11.247319,10.4009563 11.252719,10.3770563 11.258619,10.3533563 C11.264119,10.3304563 11.269919,10.3079563 11.274519,10.2849563 C11.279019,10.2609563 11.282319,10.2369563 11.285719,10.2127563 C11.289119,10.1894563 11.292619,10.1663563 11.294919,10.1429563 C11.297219,10.1190563 11.298019,10.0950563 11.299219,10.0710563 C11.300319,10.0473563 11.301919,10.0236563 11.301919,9.99975625 C11.301919,9.97625625 11.300319,9.95285625 11.299219,9.92925625 C11.298019,9.90505625 11.297219,9.88095625 11.294919,9.85685625 C11.292619,9.83354625 11.289119,9.81054625 11.285719,9.78753625 C11.282319,9.76326625 11.279019,9.73898625 11.274319,9.71484625 C11.269919,9.69198625 11.264119,9.66940625 11.258619,9.64683625 C11.252719,9.62298625 11.247319,9.59898625 11.240219,9.57541625 C11.233619,9.55269625 11.225319,9.53055625 11.217719,9.50811625 C11.209619,9.48511625 11.201819,9.46183625 11.192519,9.43911625 C11.183619,9.41668625 11.172919,9.39481625 11.162719,9.37294625 C11.152619,9.35094625 11.142719,9.32865625 11.131319,9.30721625 C11.119719,9.28520625 11.106819,9.26390625 11.094119,9.24246625 C11.081819,9.22159625 11.069919,9.20072625 11.056519,9.18027625 C11.042519,9.15912625 11.026819,9.13867625 11.011819,9.11809625 C10.997319,9.09849625 10.983219,9.07890625 10.967919,9.05987625 C10.951719,9.03999625 10.934019,9.02083625 10.916519,9.00180625 C10.903319,8.98704625 10.891419,8.97184625 10.877519,8.95764625 L2.55672904,0.448475253 C1.98098904,-0.140185547 1.03722904,-0.150692297 0.448423041,0.424906253 C-0.140095959,1.00050625 -0.150744959,1.94454625 0.424854041,2.53306625 L7.72646904,9.99995625 L0.424854041,17.4669563 C-0.150744959,18.0554563 -0.140095959,18.9995563 0.448564041,19.5749563 C1.03722904,20.1507563 1.98112904,20.1402563 2.55672904,19.5514563 L10.877519,11.0422563 C10.891219,11.0281563 10.903019,11.0131563 10.916119,10.9985563 C10.933719,10.9790563 10.951719,10.9600563 10.968119,10.9398563 Z" id="Path"></path> </g> </g> </svg> </a> </h2> <p class="max-w-xl mt-3 font-medium "> Kitchen Vignettes is a farm-to-table video blog started by Aube Giroux in 2011 as a way to weave together her love of gardening, cooking, and eating through visual stories from her kitchen. </p> </div> <a href="https://www.pbs.org/food/stories/tag/kitchen-vignettes" class="btn hidden md:inline-flex mt-2"> See all Stories </a> </header> <div class="js-content-card-carousel content-card-carousel splide" data-splide={"breakpoints":{"768":{"destroy":true}}}> <div class="splide__track !overflow-visible py-8 -mt-8 md:!px-0"> <ul class="splide__list !overflow-visible md:layout-grid md:!grid"> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/baking-berry-clafoutis-for-dax-and-gavin" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="Clafoutis" src="https://dmlxzvnzyohme.cloudfront.net/2022/11/_768xAUTO_crop_center-center_none_ns/Video-Cover.jpg" width="1920" height="1080" srcset=" https://dmlxzvnzyohme.cloudfront.net/2022/11/_640x360_crop_center-center_none_ns/Video-Cover.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2022/11/_768x432_crop_center-center_none_ns/Video-Cover.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2022/11/_1024x576_crop_center-center_none_ns/Video-Cover.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2022/11/_1366x768_crop_center-center_none_ns/Video-Cover.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2022/11/_1600x900_crop_center-center_none_ns/Video-Cover.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2022/11/_1920x1080_crop_center-center_none_ns/Video-Cover.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2022/11/_2680x1508_crop_center-center_none_ns/Video-Cover.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> <div class=" absolute inset-0 bg-gradient-to-t from-charcoal to-65% opacity-80 "> </div> <img class=" absolute left-4 bottom-3 h-12 w-2/3 object-scale-down object-left " src="https://dmlxzvnzyohme.cloudfront.net/_300xAUTO_crop_center-center_none_ns/kitchen-vignettes-6f7a1d6c2a433bdc292961b3111f0ff5.png" alt="Kitchen Vignettes Logo"> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Baking Berry Clafoutis for Dax and Gavin </h3> <p class=" line-clamp-4 "> Clafoutis is a classic French dessert, falling somewhere between a thick crepe and a sweet quiche. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">7</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/dandelion-pizza" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/_768xAUTO_crop_center-center_none_ns/Video-Cover-Final.jpg" width="1920" height="1080" srcset=" https://dmlxzvnzyohme.cloudfront.net/_640x360_crop_center-center_none_ns/Video-Cover-Final.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/_768x432_crop_center-center_none_ns/Video-Cover-Final.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/_1024x576_crop_center-center_none_ns/Video-Cover-Final.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/_1366x768_crop_center-center_none_ns/Video-Cover-Final.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/_1600x900_crop_center-center_none_ns/Video-Cover-Final.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/_1920x1080_crop_center-center_none_ns/Video-Cover-Final.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/_2680x1508_crop_center-center_none_ns/Video-Cover-Final.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> <div class=" absolute inset-0 bg-gradient-to-t from-charcoal to-65% opacity-80 "> </div> <img class=" absolute left-4 bottom-3 h-12 w-2/3 object-scale-down object-left " src="https://dmlxzvnzyohme.cloudfront.net/_300xAUTO_crop_center-center_none_ns/kitchen-vignettes-6f7a1d6c2a433bdc292961b3111f0ff5.png" alt="Kitchen Vignettes Logo"> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Dandelion Pizza </h3> <p class=" line-clamp-4 "> Isn’t it funny how we struggle so hard to coax certain plants into growing in our gardens, yet the ones that grow the most vigorously are… </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">2</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/the-history-of-tarte-tatin" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="Apple Tarte Tatin recipe" src="https://dmlxzvnzyohme.cloudfront.net/2014/10/_768xAUTO_crop_center-center_none_ns/apple-tarte-tatin640x360.jpg" width="640" height="360" srcset=" https://dmlxzvnzyohme.cloudfront.net/2014/10/_640x360_crop_center-center_none_ns/apple-tarte-tatin640x360.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2014/10/_768x432_crop_center-center_none_ns/apple-tarte-tatin640x360.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2014/10/_1024x576_crop_center-center_none_ns/apple-tarte-tatin640x360.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2014/10/_1366x768_crop_center-center_none_ns/apple-tarte-tatin640x360.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2014/10/_1600x900_crop_center-center_none_ns/apple-tarte-tatin640x360.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2014/10/_1920x1080_crop_center-center_none_ns/apple-tarte-tatin640x360.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2014/10/_2680x1508_crop_center-center_none_ns/apple-tarte-tatin640x360.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> The History of Tarte Tatin: A French Upside-Down Apple Pie </h3> <p class=" line-clamp-4 "> This French dessert is an upside-down caramelized apple tart that legend has it was created by accident. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">2</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/appreciating-lisa-and-andreas-sauteed-fiddleheads" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2023/04/_768xAUTO_crop_center-center_none_ns/KV-Fiddleheads-Feat.jpg" width="1920" height="1080" srcset=" https://dmlxzvnzyohme.cloudfront.net/2023/04/_640x360_crop_center-center_none_ns/KV-Fiddleheads-Feat.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2023/04/_768x432_crop_center-center_none_ns/KV-Fiddleheads-Feat.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2023/04/_1024x576_crop_center-center_none_ns/KV-Fiddleheads-Feat.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2023/04/_1366x768_crop_center-center_none_ns/KV-Fiddleheads-Feat.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2023/04/_1600x900_crop_center-center_none_ns/KV-Fiddleheads-Feat.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2023/04/_1920x1080_crop_center-center_none_ns/KV-Fiddleheads-Feat.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2023/04/_2680x1508_crop_center-center_none_ns/KV-Fiddleheads-Feat.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> <div class=" absolute inset-0 bg-gradient-to-t from-charcoal to-65% opacity-80 "> </div> <img class=" absolute left-4 bottom-3 h-12 w-2/3 object-scale-down object-left " src="https://dmlxzvnzyohme.cloudfront.net/_300xAUTO_crop_center-center_none_ns/kitchen-vignettes-6f7a1d6c2a433bdc292961b3111f0ff5.png" alt="Kitchen Vignettes Logo"> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Appreciating Lisa and Andrea’s Sautéed Fiddleheads </h3> <p class=" line-clamp-4 "> Harvesting fiddleheads is a springtime tradition in Wabanaki culture. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">1</span> </strong> </div> </div> </a> </li> </ul> </div> </div> <footer class="container mt-6 md:hidden"> <a href="https://www.pbs.org/food/stories/tag/kitchen-vignettes" class="btn"> See all Stories </a> </footer> </section> <section class="container overflow-hidden"> <header class=" mb-6 md:flex md:justify-between md:gap-8"> <div class="md:w-1/2"> <h2 class=" t-h4 text-navy-blue md:t-h3 flex items-center"> <a href="https://www.pbs.org/food/stories/tag/fresh-tastes" class="group inline-flex items-center hocus:text-medium-blue"> Explore the Fresh Tastes Blog <svg class="svg-icon svg-fill h-[0.72em] w-auto ml-2 mt-[0.05em] transition group-hover:translate-x-1" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hdden="true"> <title>chevron-round-right</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="chevron-round-right" fill="#1E2030"> <path d="M10.968119,10.9398563 C10.983219,10.9209563 10.997019,10.9015563 11.011419,10.8823563 C11.026719,10.8613563 11.042319,10.8407563 11.056519,10.8191563 C11.069919,10.7991563 11.081619,10.7784563 11.093919,10.7578563 C11.106619,10.7361563 11.119719,10.7146563 11.131319,10.6925563 C11.142719,10.6709563 11.152519,10.6490563 11.162619,10.6272563 C11.172819,10.6052563 11.183619,10.5832563 11.192519,10.5606563 C11.201819,10.5379563 11.209619,10.5149563 11.217719,10.4917563 C11.225319,10.4694563 11.233619,10.4470563 11.240219,10.4244563 C11.247319,10.4009563 11.252719,10.3770563 11.258619,10.3533563 C11.264119,10.3304563 11.269919,10.3079563 11.274519,10.2849563 C11.279019,10.2609563 11.282319,10.2369563 11.285719,10.2127563 C11.289119,10.1894563 11.292619,10.1663563 11.294919,10.1429563 C11.297219,10.1190563 11.298019,10.0950563 11.299219,10.0710563 C11.300319,10.0473563 11.301919,10.0236563 11.301919,9.99975625 C11.301919,9.97625625 11.300319,9.95285625 11.299219,9.92925625 C11.298019,9.90505625 11.297219,9.88095625 11.294919,9.85685625 C11.292619,9.83354625 11.289119,9.81054625 11.285719,9.78753625 C11.282319,9.76326625 11.279019,9.73898625 11.274319,9.71484625 C11.269919,9.69198625 11.264119,9.66940625 11.258619,9.64683625 C11.252719,9.62298625 11.247319,9.59898625 11.240219,9.57541625 C11.233619,9.55269625 11.225319,9.53055625 11.217719,9.50811625 C11.209619,9.48511625 11.201819,9.46183625 11.192519,9.43911625 C11.183619,9.41668625 11.172919,9.39481625 11.162719,9.37294625 C11.152619,9.35094625 11.142719,9.32865625 11.131319,9.30721625 C11.119719,9.28520625 11.106819,9.26390625 11.094119,9.24246625 C11.081819,9.22159625 11.069919,9.20072625 11.056519,9.18027625 C11.042519,9.15912625 11.026819,9.13867625 11.011819,9.11809625 C10.997319,9.09849625 10.983219,9.07890625 10.967919,9.05987625 C10.951719,9.03999625 10.934019,9.02083625 10.916519,9.00180625 C10.903319,8.98704625 10.891419,8.97184625 10.877519,8.95764625 L2.55672904,0.448475253 C1.98098904,-0.140185547 1.03722904,-0.150692297 0.448423041,0.424906253 C-0.140095959,1.00050625 -0.150744959,1.94454625 0.424854041,2.53306625 L7.72646904,9.99995625 L0.424854041,17.4669563 C-0.150744959,18.0554563 -0.140095959,18.9995563 0.448564041,19.5749563 C1.03722904,20.1507563 1.98112904,20.1402563 2.55672904,19.5514563 L10.877519,11.0422563 C10.891219,11.0281563 10.903019,11.0131563 10.916119,10.9985563 C10.933719,10.9790563 10.951719,10.9600563 10.968119,10.9398563 Z" id="Path"></path> </g> </g> </svg> </a> </h2> <p class="max-w-xl mt-3 font-medium "> Marc Matsumoto of NoRecipes and Adrianna Adarme of A Cozy Kitchen share original cooking ideas including recipes that explore the world of food. </p> </div> <a href="https://www.pbs.org/food/stories/tag/fresh-tastes" class="btn hidden md:inline-flex mt-2"> See all Stories </a> </header> <div class="js-content-card-carousel content-card-carousel splide" data-splide={"breakpoints":{"768":{"destroy":true}}}> <div class="splide__track !overflow-visible py-8 -mt-8 md:!px-0"> <ul class="splide__list !overflow-visible md:layout-grid md:!grid"> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/candy-corn-cookies" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2011/10/_768xAUTO_crop_center-center_none_ns/candy-corn-640x360.jpg" width="640" height="360" srcset=" https://dmlxzvnzyohme.cloudfront.net/2011/10/_640x360_crop_center-center_none_ns/candy-corn-640x360.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2011/10/_768x432_crop_center-center_none_ns/candy-corn-640x360.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2011/10/_1024x576_crop_center-center_none_ns/candy-corn-640x360.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2011/10/_1366x768_crop_center-center_none_ns/candy-corn-640x360.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2011/10/_1600x900_crop_center-center_none_ns/candy-corn-640x360.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2011/10/_1920x1080_crop_center-center_none_ns/candy-corn-640x360.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2011/10/_2680x1508_crop_center-center_none_ns/candy-corn-640x360.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Make Candy Corn Cookies for Halloween </h3> <p class=" line-clamp-4 "> Jenna shares an adorable recipe for candy corn cookies that adults and kids will enjoy for Halloween. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">4</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/create-ultimate-cheese-board" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2019/06/_768xAUTO_crop_center-center_none_ns/SpringCheeseBoard-horizontal.jpg" width="1280" height="720" srcset=" https://dmlxzvnzyohme.cloudfront.net/2019/06/_640x360_crop_center-center_none_ns/SpringCheeseBoard-horizontal.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2019/06/_768x432_crop_center-center_none_ns/SpringCheeseBoard-horizontal.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2019/06/_1024x576_crop_center-center_none_ns/SpringCheeseBoard-horizontal.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2019/06/_1366x768_crop_center-center_none_ns/SpringCheeseBoard-horizontal.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2019/06/_1600x900_crop_center-center_none_ns/SpringCheeseBoard-horizontal.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2019/06/_1920x1080_crop_center-center_none_ns/SpringCheeseBoard-horizontal.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2019/06/_2680x1508_crop_center-center_none_ns/SpringCheeseBoard-horizontal.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Create the Ultimate Cheese Board </h3> <p class=" line-clamp-4 "> It’s spring time and there's no better time to talk about building a cheese board! </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">1</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/tangy-savory-shrimp-adobo" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2017/12/_768xAUTO_crop_center-center_none_ns/shrimp-adobo_006.jpg" width="2000" height="1125" srcset=" https://dmlxzvnzyohme.cloudfront.net/2017/12/_640x360_crop_center-center_none_ns/shrimp-adobo_006.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_768x432_crop_center-center_none_ns/shrimp-adobo_006.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_1024x576_crop_center-center_none_ns/shrimp-adobo_006.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_1366x768_crop_center-center_none_ns/shrimp-adobo_006.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_1600x900_crop_center-center_none_ns/shrimp-adobo_006.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_1920x1080_crop_center-center_none_ns/shrimp-adobo_006.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_2680x1508_crop_center-center_none_ns/shrimp-adobo_006.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Tangy and Savory Shrimp Adobo </h3> <p class=" line-clamp-4 "> This shrimp adobo balances savory and sour with the creeping heat from the black pepper. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">1</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/delicious-grilled-mac-cheese" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="Grilled Macaroni and Cheese" src="https://dmlxzvnzyohme.cloudfront.net/2017/12/_768xAUTO_crop_center-center_none_ns/grilled-mac-cheese_016.jpg" width="2000" height="1125" srcset=" https://dmlxzvnzyohme.cloudfront.net/2017/12/_640x360_crop_center-center_none_ns/grilled-mac-cheese_016.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_768x432_crop_center-center_none_ns/grilled-mac-cheese_016.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_1024x576_crop_center-center_none_ns/grilled-mac-cheese_016.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_1366x768_crop_center-center_none_ns/grilled-mac-cheese_016.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_1600x900_crop_center-center_none_ns/grilled-mac-cheese_016.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_1920x1080_crop_center-center_none_ns/grilled-mac-cheese_016.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2017/12/_2680x1508_crop_center-center_none_ns/grilled-mac-cheese_016.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Delicious Grilled Mac and Cheese </h3> <p class=" line-clamp-4 "> These easy pan-fried fritters are like two-bite grilled cheese sandwiches, with a crisp buttery crust and gooey mac and cheese in the… </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">1</span> </strong> </div> </div> </a> </li> </ul> </div> </div> <footer class="container mt-6 md:hidden"> <a href="https://www.pbs.org/food/stories/tag/fresh-tastes" class="btn"> See all Stories </a> </footer> </section> <section class="container overflow-hidden"> <header class=" mb-6 md:flex md:justify-between md:gap-8"> <div class="md:w-1/2"> <h2 class=" t-h4 text-navy-blue md:t-h3 flex items-center"> <a href="https://www.pbs.org/food/stories/tag/the-history-kitchen" class="group inline-flex items-center hocus:text-medium-blue"> Explore The History Kitchen Blog <svg class="svg-icon svg-fill h-[0.72em] w-auto ml-2 mt-[0.05em] transition group-hover:translate-x-1" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hdden="true"> <title>chevron-round-right</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="chevron-round-right" fill="#1E2030"> <path d="M10.968119,10.9398563 C10.983219,10.9209563 10.997019,10.9015563 11.011419,10.8823563 C11.026719,10.8613563 11.042319,10.8407563 11.056519,10.8191563 C11.069919,10.7991563 11.081619,10.7784563 11.093919,10.7578563 C11.106619,10.7361563 11.119719,10.7146563 11.131319,10.6925563 C11.142719,10.6709563 11.152519,10.6490563 11.162619,10.6272563 C11.172819,10.6052563 11.183619,10.5832563 11.192519,10.5606563 C11.201819,10.5379563 11.209619,10.5149563 11.217719,10.4917563 C11.225319,10.4694563 11.233619,10.4470563 11.240219,10.4244563 C11.247319,10.4009563 11.252719,10.3770563 11.258619,10.3533563 C11.264119,10.3304563 11.269919,10.3079563 11.274519,10.2849563 C11.279019,10.2609563 11.282319,10.2369563 11.285719,10.2127563 C11.289119,10.1894563 11.292619,10.1663563 11.294919,10.1429563 C11.297219,10.1190563 11.298019,10.0950563 11.299219,10.0710563 C11.300319,10.0473563 11.301919,10.0236563 11.301919,9.99975625 C11.301919,9.97625625 11.300319,9.95285625 11.299219,9.92925625 C11.298019,9.90505625 11.297219,9.88095625 11.294919,9.85685625 C11.292619,9.83354625 11.289119,9.81054625 11.285719,9.78753625 C11.282319,9.76326625 11.279019,9.73898625 11.274319,9.71484625 C11.269919,9.69198625 11.264119,9.66940625 11.258619,9.64683625 C11.252719,9.62298625 11.247319,9.59898625 11.240219,9.57541625 C11.233619,9.55269625 11.225319,9.53055625 11.217719,9.50811625 C11.209619,9.48511625 11.201819,9.46183625 11.192519,9.43911625 C11.183619,9.41668625 11.172919,9.39481625 11.162719,9.37294625 C11.152619,9.35094625 11.142719,9.32865625 11.131319,9.30721625 C11.119719,9.28520625 11.106819,9.26390625 11.094119,9.24246625 C11.081819,9.22159625 11.069919,9.20072625 11.056519,9.18027625 C11.042519,9.15912625 11.026819,9.13867625 11.011819,9.11809625 C10.997319,9.09849625 10.983219,9.07890625 10.967919,9.05987625 C10.951719,9.03999625 10.934019,9.02083625 10.916519,9.00180625 C10.903319,8.98704625 10.891419,8.97184625 10.877519,8.95764625 L2.55672904,0.448475253 C1.98098904,-0.140185547 1.03722904,-0.150692297 0.448423041,0.424906253 C-0.140095959,1.00050625 -0.150744959,1.94454625 0.424854041,2.53306625 L7.72646904,9.99995625 L0.424854041,17.4669563 C-0.150744959,18.0554563 -0.140095959,18.9995563 0.448564041,19.5749563 C1.03722904,20.1507563 1.98112904,20.1402563 2.55672904,19.5514563 L10.877519,11.0422563 C10.891219,11.0281563 10.903019,11.0131563 10.916119,10.9985563 C10.933719,10.9790563 10.951719,10.9600563 10.968119,10.9398563 Z" id="Path"></path> </g> </g> </svg> </a> </h2> <p class="max-w-xl mt-3 font-medium "> Join Tori Avey as she explores the story behind the food: why we eat what we eat, how the foods of different cultures have evolved, and how yesterday's food can inspire us in the kitchen today. </p> </div> <a href="https://www.pbs.org/food/stories/tag/the-history-kitchen" class="btn hidden md:inline-flex mt-2"> See all Stories </a> </header> <div class="js-content-card-carousel content-card-carousel splide" data-splide={"breakpoints":{"768":{"destroy":true}}}> <div class="splide__track !overflow-visible py-8 -mt-8 md:!px-0"> <ul class="splide__list !overflow-visible md:layout-grid md:!grid"> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/history-of-sushi" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2012/09/_768xAUTO_crop_center-center_none_ns/Sushi-1-11.jpg" width="600" height="337" srcset=" https://dmlxzvnzyohme.cloudfront.net/2012/09/_640x360_crop_center-center_none_ns/Sushi-1-11.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2012/09/_768x432_crop_center-center_none_ns/Sushi-1-11.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2012/09/_1024x576_crop_center-center_none_ns/Sushi-1-11.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2012/09/_1366x768_crop_center-center_none_ns/Sushi-1-11.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2012/09/_1600x900_crop_center-center_none_ns/Sushi-1-11.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2012/09/_1920x1080_crop_center-center_none_ns/Sushi-1-11.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2012/09/_2680x1508_crop_center-center_none_ns/Sushi-1-11.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Discover the History of Sushi </h3> <p class=" line-clamp-4 "> Join Tori Avey as she explores the history of sushi, and shares some great recipes to make your own. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">11</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/popcorn-history" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2013/10/_768xAUTO_crop_center-center_none_ns/Movie-Popcorn.jpg" width="960" height="540" srcset=" https://dmlxzvnzyohme.cloudfront.net/2013/10/_640x360_crop_center-center_none_ns/Movie-Popcorn.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2013/10/_768x432_crop_center-center_none_ns/Movie-Popcorn.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2013/10/_1024x576_crop_center-center_none_ns/Movie-Popcorn.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2013/10/_1366x768_crop_center-center_none_ns/Movie-Popcorn.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2013/10/_1600x900_crop_center-center_none_ns/Movie-Popcorn.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2013/10/_1920x1080_crop_center-center_none_ns/Movie-Popcorn.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2013/10/_2680x1508_crop_center-center_none_ns/Movie-Popcorn.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Popcorn: A "Pop" History </h3> <p class=" line-clamp-4 "> Discover the history of popcorn. This movie favorite existed in the American Southwest before it rose in popularity across the country. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">7</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/food-california-gold-rush" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="Food of the California Gold Rush" src="https://dmlxzvnzyohme.cloudfront.net/2015/01/_768xAUTO_crop_center-center_none_ns/food-california-gold-rush640x360.jpg" width="640" height="360" srcset=" https://dmlxzvnzyohme.cloudfront.net/2015/01/_640x360_crop_center-center_none_ns/food-california-gold-rush640x360.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2015/01/_768x432_crop_center-center_none_ns/food-california-gold-rush640x360.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2015/01/_1024x576_crop_center-center_none_ns/food-california-gold-rush640x360.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2015/01/_1366x768_crop_center-center_none_ns/food-california-gold-rush640x360.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2015/01/_1600x900_crop_center-center_none_ns/food-california-gold-rush640x360.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2015/01/_1920x1080_crop_center-center_none_ns/food-california-gold-rush640x360.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2015/01/_2680x1508_crop_center-center_none_ns/food-california-gold-rush640x360.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Food of the California Gold Rush </h3> <p class=" line-clamp-4 "> With fewer women in the population, men cooked for themselves with limited options. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">6</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/history-pickles" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="Pickles" src="https://dmlxzvnzyohme.cloudfront.net/2014/09/_768xAUTO_crop_center-center_none_ns/thk-pickles640x360.jpg" width="640" height="360" srcset=" https://dmlxzvnzyohme.cloudfront.net/2014/09/_640x360_crop_center-center_none_ns/thk-pickles640x360.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2014/09/_768x432_crop_center-center_none_ns/thk-pickles640x360.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2014/09/_1024x576_crop_center-center_none_ns/thk-pickles640x360.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2014/09/_1366x768_crop_center-center_none_ns/thk-pickles640x360.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2014/09/_1600x900_crop_center-center_none_ns/thk-pickles640x360.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2014/09/_1920x1080_crop_center-center_none_ns/thk-pickles640x360.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2014/09/_2680x1508_crop_center-center_none_ns/thk-pickles640x360.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> History in a Jar: The Story of Pickles </h3> <p class=" line-clamp-4 "> Pickles have been around for thousands of years, dating as far back as 2030 BC when cucumbers were pickled in the Tigris Valley. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">6</span> </strong> </div> </div> </a> </li> </ul> </div> </div> <footer class="container mt-6 md:hidden"> <a href="https://www.pbs.org/food/stories/tag/the-history-kitchen" class="btn"> See all Stories </a> </footer> </section> <section class="container overflow-hidden"> <header class=" mb-6 md:flex md:justify-between md:gap-8"> <div class="md:w-1/2"> <h2 class=" t-h4 text-navy-blue md:t-h3 flex items-center"> <a href="https://www.pbs.org/food/stories/tag/chefsteps" class="group inline-flex items-center hocus:text-medium-blue"> Explore the ChefSteps Blog <svg class="svg-icon svg-fill h-[0.72em] w-auto ml-2 mt-[0.05em] transition group-hover:translate-x-1" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hdden="true"> <title>chevron-round-right</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="chevron-round-right" fill="#1E2030"> <path d="M10.968119,10.9398563 C10.983219,10.9209563 10.997019,10.9015563 11.011419,10.8823563 C11.026719,10.8613563 11.042319,10.8407563 11.056519,10.8191563 C11.069919,10.7991563 11.081619,10.7784563 11.093919,10.7578563 C11.106619,10.7361563 11.119719,10.7146563 11.131319,10.6925563 C11.142719,10.6709563 11.152519,10.6490563 11.162619,10.6272563 C11.172819,10.6052563 11.183619,10.5832563 11.192519,10.5606563 C11.201819,10.5379563 11.209619,10.5149563 11.217719,10.4917563 C11.225319,10.4694563 11.233619,10.4470563 11.240219,10.4244563 C11.247319,10.4009563 11.252719,10.3770563 11.258619,10.3533563 C11.264119,10.3304563 11.269919,10.3079563 11.274519,10.2849563 C11.279019,10.2609563 11.282319,10.2369563 11.285719,10.2127563 C11.289119,10.1894563 11.292619,10.1663563 11.294919,10.1429563 C11.297219,10.1190563 11.298019,10.0950563 11.299219,10.0710563 C11.300319,10.0473563 11.301919,10.0236563 11.301919,9.99975625 C11.301919,9.97625625 11.300319,9.95285625 11.299219,9.92925625 C11.298019,9.90505625 11.297219,9.88095625 11.294919,9.85685625 C11.292619,9.83354625 11.289119,9.81054625 11.285719,9.78753625 C11.282319,9.76326625 11.279019,9.73898625 11.274319,9.71484625 C11.269919,9.69198625 11.264119,9.66940625 11.258619,9.64683625 C11.252719,9.62298625 11.247319,9.59898625 11.240219,9.57541625 C11.233619,9.55269625 11.225319,9.53055625 11.217719,9.50811625 C11.209619,9.48511625 11.201819,9.46183625 11.192519,9.43911625 C11.183619,9.41668625 11.172919,9.39481625 11.162719,9.37294625 C11.152619,9.35094625 11.142719,9.32865625 11.131319,9.30721625 C11.119719,9.28520625 11.106819,9.26390625 11.094119,9.24246625 C11.081819,9.22159625 11.069919,9.20072625 11.056519,9.18027625 C11.042519,9.15912625 11.026819,9.13867625 11.011819,9.11809625 C10.997319,9.09849625 10.983219,9.07890625 10.967919,9.05987625 C10.951719,9.03999625 10.934019,9.02083625 10.916519,9.00180625 C10.903319,8.98704625 10.891419,8.97184625 10.877519,8.95764625 L2.55672904,0.448475253 C1.98098904,-0.140185547 1.03722904,-0.150692297 0.448423041,0.424906253 C-0.140095959,1.00050625 -0.150744959,1.94454625 0.424854041,2.53306625 L7.72646904,9.99995625 L0.424854041,17.4669563 C-0.150744959,18.0554563 -0.140095959,18.9995563 0.448564041,19.5749563 C1.03722904,20.1507563 1.98112904,20.1402563 2.55672904,19.5514563 L10.877519,11.0422563 C10.891219,11.0281563 10.903019,11.0131563 10.916119,10.9985563 C10.933719,10.9790563 10.951719,10.9600563 10.968119,10.9398563 Z" id="Path"></path> </g> </g> </svg> </a> </h2> <p class="max-w-xl mt-3 font-medium "> ChefSteps is here to make you a better cook. </p> </div> <a href="https://www.pbs.org/food/stories/tag/chefsteps" class="btn hidden md:inline-flex mt-2"> See all Stories </a> </header> <div class="js-content-card-carousel content-card-carousel splide" data-splide={"breakpoints":{"768":{"destroy":true}}}> <div class="splide__track !overflow-visible py-8 -mt-8 md:!px-0"> <ul class="splide__list !overflow-visible md:layout-grid md:!grid"> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/secrets-perfect-sushi-rice" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2017/04/_768xAUTO_crop_center-center_none_ns/Sushi-Rice-thumbnail.jpg" width="1920" height="1080" srcset=" https://dmlxzvnzyohme.cloudfront.net/2017/04/_640x360_crop_center-center_none_ns/Sushi-Rice-thumbnail.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2017/04/_768x432_crop_center-center_none_ns/Sushi-Rice-thumbnail.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2017/04/_1024x576_crop_center-center_none_ns/Sushi-Rice-thumbnail.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2017/04/_1366x768_crop_center-center_none_ns/Sushi-Rice-thumbnail.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2017/04/_1600x900_crop_center-center_none_ns/Sushi-Rice-thumbnail.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2017/04/_1920x1080_crop_center-center_none_ns/Sushi-Rice-thumbnail.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2017/04/_2680x1508_crop_center-center_none_ns/Sushi-Rice-thumbnail.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Secrets to Perfect Sushi Rice </h3> <p class=" line-clamp-4 "> Make plump, perfectly seasoned rice ready for whatever delicacy you want to top it with. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">1</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/crystal-clear-juice" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2016/05/_768xAUTO_crop_center-center_none_ns/crystal-clear-juice1.jpg" width="1920" height="1080" srcset=" https://dmlxzvnzyohme.cloudfront.net/2016/05/_640x360_crop_center-center_none_ns/crystal-clear-juice1.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2016/05/_768x432_crop_center-center_none_ns/crystal-clear-juice1.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2016/05/_1024x576_crop_center-center_none_ns/crystal-clear-juice1.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2016/05/_1366x768_crop_center-center_none_ns/crystal-clear-juice1.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2016/05/_1600x900_crop_center-center_none_ns/crystal-clear-juice1.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2016/05/_1920x1080_crop_center-center_none_ns/crystal-clear-juice1.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2016/05/_2680x1508_crop_center-center_none_ns/crystal-clear-juice1.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Crystal-Clear Juice </h3> <p class=" line-clamp-4 "> It may be thousands of miles to the tropics, but island-worthy drinks are one step away. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">1</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/old-fashioned-donuts" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2015/10/_768xAUTO_crop_center-center_none_ns/Old-Fashioned-Donuts-icon.jpg" width="2048" height="1152" srcset=" https://dmlxzvnzyohme.cloudfront.net/2015/10/_640x360_crop_center-center_none_ns/Old-Fashioned-Donuts-icon.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_768x432_crop_center-center_none_ns/Old-Fashioned-Donuts-icon.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_1024x576_crop_center-center_none_ns/Old-Fashioned-Donuts-icon.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_1366x768_crop_center-center_none_ns/Old-Fashioned-Donuts-icon.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_1600x900_crop_center-center_none_ns/Old-Fashioned-Donuts-icon.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_1920x1080_crop_center-center_none_ns/Old-Fashioned-Donuts-icon.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_2680x1508_crop_center-center_none_ns/Old-Fashioned-Donuts-icon.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Old-Fashioned Donuts </h3> <p class=" line-clamp-4 "> Call us old fashioned, but these donuts are the best. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">1</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/croissant-dough-works" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2015/10/_768xAUTO_crop_center-center_none_ns/How-Croissant-Dough-Works-pbs.jpg" width="1777" height="999" srcset=" https://dmlxzvnzyohme.cloudfront.net/2015/10/_640x360_crop_center-center_none_ns/How-Croissant-Dough-Works-pbs.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_768x432_crop_center-center_none_ns/How-Croissant-Dough-Works-pbs.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_1024x576_crop_center-center_none_ns/How-Croissant-Dough-Works-pbs.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_1366x768_crop_center-center_none_ns/How-Croissant-Dough-Works-pbs.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_1600x900_crop_center-center_none_ns/How-Croissant-Dough-Works-pbs.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_1920x1080_crop_center-center_none_ns/How-Croissant-Dough-Works-pbs.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2015/10/_2680x1508_crop_center-center_none_ns/How-Croissant-Dough-Works-pbs.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> How Croissant Dough Works </h3> <p class=" line-clamp-4 "> Learn how croissants get those flaky, buttery layers with this short video. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">1</span> </strong> </div> </div> </a> </li> </ul> </div> </div> <footer class="container mt-6 md:hidden"> <a href="https://www.pbs.org/food/stories/tag/chefsteps" class="btn"> See all Stories </a> </footer> </section> <section class="container overflow-hidden"> <header class=" mb-6 md:flex md:justify-between md:gap-8"> <div class="md:w-1/2"> <h2 class=" t-h4 text-navy-blue md:t-h3 flex items-center"> <a href="https://www.pbs.org/food/stories/tag/kitchen-explorers" class="group inline-flex items-center hocus:text-medium-blue"> Explore Food for Kids with Kitchen Explorers <svg class="svg-icon svg-fill h-[0.72em] w-auto ml-2 mt-[0.05em] transition group-hover:translate-x-1" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hdden="true"> <title>chevron-round-right</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="chevron-round-right" fill="#1E2030"> <path d="M10.968119,10.9398563 C10.983219,10.9209563 10.997019,10.9015563 11.011419,10.8823563 C11.026719,10.8613563 11.042319,10.8407563 11.056519,10.8191563 C11.069919,10.7991563 11.081619,10.7784563 11.093919,10.7578563 C11.106619,10.7361563 11.119719,10.7146563 11.131319,10.6925563 C11.142719,10.6709563 11.152519,10.6490563 11.162619,10.6272563 C11.172819,10.6052563 11.183619,10.5832563 11.192519,10.5606563 C11.201819,10.5379563 11.209619,10.5149563 11.217719,10.4917563 C11.225319,10.4694563 11.233619,10.4470563 11.240219,10.4244563 C11.247319,10.4009563 11.252719,10.3770563 11.258619,10.3533563 C11.264119,10.3304563 11.269919,10.3079563 11.274519,10.2849563 C11.279019,10.2609563 11.282319,10.2369563 11.285719,10.2127563 C11.289119,10.1894563 11.292619,10.1663563 11.294919,10.1429563 C11.297219,10.1190563 11.298019,10.0950563 11.299219,10.0710563 C11.300319,10.0473563 11.301919,10.0236563 11.301919,9.99975625 C11.301919,9.97625625 11.300319,9.95285625 11.299219,9.92925625 C11.298019,9.90505625 11.297219,9.88095625 11.294919,9.85685625 C11.292619,9.83354625 11.289119,9.81054625 11.285719,9.78753625 C11.282319,9.76326625 11.279019,9.73898625 11.274319,9.71484625 C11.269919,9.69198625 11.264119,9.66940625 11.258619,9.64683625 C11.252719,9.62298625 11.247319,9.59898625 11.240219,9.57541625 C11.233619,9.55269625 11.225319,9.53055625 11.217719,9.50811625 C11.209619,9.48511625 11.201819,9.46183625 11.192519,9.43911625 C11.183619,9.41668625 11.172919,9.39481625 11.162719,9.37294625 C11.152619,9.35094625 11.142719,9.32865625 11.131319,9.30721625 C11.119719,9.28520625 11.106819,9.26390625 11.094119,9.24246625 C11.081819,9.22159625 11.069919,9.20072625 11.056519,9.18027625 C11.042519,9.15912625 11.026819,9.13867625 11.011819,9.11809625 C10.997319,9.09849625 10.983219,9.07890625 10.967919,9.05987625 C10.951719,9.03999625 10.934019,9.02083625 10.916519,9.00180625 C10.903319,8.98704625 10.891419,8.97184625 10.877519,8.95764625 L2.55672904,0.448475253 C1.98098904,-0.140185547 1.03722904,-0.150692297 0.448423041,0.424906253 C-0.140095959,1.00050625 -0.150744959,1.94454625 0.424854041,2.53306625 L7.72646904,9.99995625 L0.424854041,17.4669563 C-0.150744959,18.0554563 -0.140095959,18.9995563 0.448564041,19.5749563 C1.03722904,20.1507563 1.98112904,20.1402563 2.55672904,19.5514563 L10.877519,11.0422563 C10.891219,11.0281563 10.903019,11.0131563 10.916119,10.9985563 C10.933719,10.9790563 10.951719,10.9600563 10.968119,10.9398563 Z" id="Path"></path> </g> </g> </svg> </a> </h2> <p class="max-w-xl mt-3 font-medium "> Treat your family to our simple and simply delicious family-friendly meals! Produced by PBS Parents. </p> </div> <a href="https://www.pbs.org/food/stories/tag/kitchen-explorers" class="btn hidden md:inline-flex mt-2"> See all Stories </a> </header> <div class="js-content-card-carousel content-card-carousel splide" data-splide={"breakpoints":{"768":{"destroy":true}}}> <div class="splide__track !overflow-visible py-8 -mt-8 md:!px-0"> <ul class="splide__list !overflow-visible md:layout-grid md:!grid"> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/oatmeal-coconut-cookies" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2018/03/_768xAUTO_crop_center-center_none_ns/OatmealCoconutCookies1.jpg" width="680" height="382" srcset=" https://dmlxzvnzyohme.cloudfront.net/2018/03/_640x360_crop_center-center_none_ns/OatmealCoconutCookies1.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_768x432_crop_center-center_none_ns/OatmealCoconutCookies1.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1024x576_crop_center-center_none_ns/OatmealCoconutCookies1.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1366x768_crop_center-center_none_ns/OatmealCoconutCookies1.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1600x900_crop_center-center_none_ns/OatmealCoconutCookies1.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1920x1080_crop_center-center_none_ns/OatmealCoconutCookies1.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_2680x1508_crop_center-center_none_ns/OatmealCoconutCookies1.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Cooking Oatmeal Coconut Cookies with Your Kids </h3> <p class=" line-clamp-4 "> If you're looking for a fun activity to do with your child, why not invite your child into the kitchen and whip up a batch of these oatmeal… </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">3</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/easy-chicken-enchiladas" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2018/03/_768xAUTO_crop_center-center_none_ns/chicken-enchiladas-pbs-680x486.jpg" width="680" height="382" srcset=" https://dmlxzvnzyohme.cloudfront.net/2018/03/_640x360_crop_center-center_none_ns/chicken-enchiladas-pbs-680x486.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_768x432_crop_center-center_none_ns/chicken-enchiladas-pbs-680x486.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1024x576_crop_center-center_none_ns/chicken-enchiladas-pbs-680x486.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1366x768_crop_center-center_none_ns/chicken-enchiladas-pbs-680x486.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1600x900_crop_center-center_none_ns/chicken-enchiladas-pbs-680x486.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1920x1080_crop_center-center_none_ns/chicken-enchiladas-pbs-680x486.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_2680x1508_crop_center-center_none_ns/chicken-enchiladas-pbs-680x486.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Easy Chicken Enchiladas </h3> <p class=" line-clamp-4 "> I'm not ashamed to admit I love cooking shortcuts when they make sense, especially when they save time. Today I'm sharing with you an easy… </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">1</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/marshmallow-white-chocolate-popcorn-treats" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2018/03/_768xAUTO_crop_center-center_none_ns/popcorn-ball.jpg" width="680" height="382" srcset=" https://dmlxzvnzyohme.cloudfront.net/2018/03/_640x360_crop_center-center_none_ns/popcorn-ball.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_768x432_crop_center-center_none_ns/popcorn-ball.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1024x576_crop_center-center_none_ns/popcorn-ball.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1366x768_crop_center-center_none_ns/popcorn-ball.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1600x900_crop_center-center_none_ns/popcorn-ball.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_1920x1080_crop_center-center_none_ns/popcorn-ball.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2018/03/_2680x1508_crop_center-center_none_ns/popcorn-ball.jpg 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Marshmallow White Chocolate Popcorn Treats </h3> <p class=" line-clamp-4 "> As you read this, room parents everywhere across the country are scouring the internet for Valentine's Day party ideas from crafts to food. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">1</span> </strong> </div> </div> </a> </li> <li class="splide__slide block w-[min(80vw,360px)] md:w-auto md:col-span-2 xl:col-span-3"> <a href="https://www.pbs.org/food/stories/turkey-cranberry-pesto-salad" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md bg-white "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2011/09/_768xAUTO_crop_center-center_none_ns/Screen-shot-2011-10-13-at-4.01.49-PM.png" width="1531" height="861" srcset=" https://dmlxzvnzyohme.cloudfront.net/2011/09/_640x360_crop_center-center_none_ns/Screen-shot-2011-10-13-at-4.01.49-PM.png 640w, https://dmlxzvnzyohme.cloudfront.net/2011/09/_768x432_crop_center-center_none_ns/Screen-shot-2011-10-13-at-4.01.49-PM.png 768w, https://dmlxzvnzyohme.cloudfront.net/2011/09/_1024x576_crop_center-center_none_ns/Screen-shot-2011-10-13-at-4.01.49-PM.png 1024w, https://dmlxzvnzyohme.cloudfront.net/2011/09/_1366x768_crop_center-center_none_ns/Screen-shot-2011-10-13-at-4.01.49-PM.png 1366w, https://dmlxzvnzyohme.cloudfront.net/2011/09/_1600x900_crop_center-center_none_ns/Screen-shot-2011-10-13-at-4.01.49-PM.png 1600w, https://dmlxzvnzyohme.cloudfront.net/2011/09/_1920x1080_crop_center-center_none_ns/Screen-shot-2011-10-13-at-4.01.49-PM.png 1920w, https://dmlxzvnzyohme.cloudfront.net/2011/09/_2680x1508_crop_center-center_none_ns/Screen-shot-2011-10-13-at-4.01.49-PM.png 2680w, " sizes=" (min-width: 1280px) 320px, (min-width: 768px) 50vw, (min-width: 0px) 360px, 100vw" /> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Story </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Turkey Cranberry Pesto Salad </h3> <p class=" line-clamp-4 "> As much as I love eating roasted turkey at Thanksgiving, I confess I'm not a big fan of turkey leftovers. </p> <div class=" mt-auto pt-8 flex items-center justify-between "> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-red" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-midnight">1</span> </strong> </div> </div> </a> </li> </ul> </div> </div> <footer class="container mt-6 md:hidden"> <a href="https://www.pbs.org/food/stories/tag/kitchen-explorers" class="btn"> See all Stories </a> </footer> </section> <section class="container overflow-hidden"> <header class=" mb-12 text-center"> <div class="px-4"> <h2 class=" t-h4 text-navy-blue md:t-h3 "> Special Collections </h2> </div> </header> <div class="js-content-card-carousel content-card-carousel splide"> <div class="splide__track !overflow-visible"> <div class="splide__list !overflow-visible"> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/pati-jinich" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/Pati-Jinich-Explores-Panamericana/_620x354_crop_center-center_none_ns/Panamericana_FilipinoStyleChickenAdobo_2_cropped.webp" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> The Best of Pati Jinich </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">74</span> </strong> <p class="t-h8-caps ml-auto"> 18 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/potato-recipes-for-the-potato-lover-in-your-life" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/Hasselbeck-potatoes.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Potato Recipes for the Potato Lover in Your Life </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">28</span> </strong> <p class="t-h8-caps ml-auto"> 12 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/delicious-and-comforting-cabbage-recipes-from-around-the-world" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/cabbage-and-agrodolce_2025-02-14-162158_faew.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Delicious and Comforting Cabbage Recipes </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">26</span> </strong> <p class="t-h8-caps ml-auto"> 21 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/best-recipes-and-foods-to-celebrate-chinese-new-year" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/steamed-fish640x360.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Best Recipes and Foods to Celebrate Lunar New Year </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">25</span> </strong> <p class="t-h8-caps ml-auto"> 9 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/chocolate-filled-recipes-to-make-for-a-loved-one-on-valentines-day" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/martha-bakes-devils-food-cake640x360.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Chocolate-filled Recipes to Make For a Loved One </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">36</span> </strong> <p class="t-h8-caps ml-auto"> 17 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/best-recipes-for-when-you-dont-know-what-to-make-with-winter-vegetables" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/marinated-squash_2024-12-11-212130_wxhr.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Best Recipes for When You Don't Know What To Make With Winter Vegetables </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">8</span> </strong> <p class="t-h8-caps ml-auto"> 17 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/its-pumpkin-spice-week" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/Pumpkinspicesnickerdoodles-Feat.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> It's Pumpkin Spice Week! </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">21</span> </strong> <p class="t-h8-caps ml-auto"> 9 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/carve-out-some-time-to-make-these-pumpkin-recipes" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/MaplePumpkinBread.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Carve Out Some Time to Make These Pumpkin Recipes </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">32</span> </strong> <p class="t-h8-caps ml-auto"> 23 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/its-apple-recipe-picking-time" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/apple-tart-tatin640x360.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Best Apple Recipes for Fall </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">21</span> </strong> <p class="t-h8-caps ml-auto"> 16 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/p-is-for-plátano-plantain-best-plantain-recipes-to-try-at-home" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/Plantain-Cookies.webp" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> P is for Plátano/Plantain: Best Plantain Recipes To Try at Home </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">71</span> </strong> <p class="t-h8-caps ml-auto"> 10 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/eat-more-beans-recipes-to-help-add-legumes-to-your-meals" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/Karen-Washington-Swiss-Chard-and-White-Beans.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Eat Your Beans! Recipes to Help Add Legumes to Your Meals </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">81</span> </strong> <p class="t-h8-caps ml-auto"> 21 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/quick-and-easy-bread-recipes" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/no-knead-bread-pbs-feature.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Easy Bread Recipes for New Bakers </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">33</span> </strong> <p class="t-h8-caps ml-auto"> 8 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/our-favorite-quick-dinners-and-make-ahead-meals" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/PALS_6_TN_Image_19_KidsMeals_cropped.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Favorite Quick Dinners and Make-Ahead Meals </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">62</span> </strong> <p class="t-h8-caps ml-auto"> 17 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/your-new-favorite-cucumber-recipes" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/Garbanzo-Asparagus-Salad.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Your New Favorite Cucumber Recipes </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">15</span> </strong> <p class="t-h8-caps ml-auto"> 10 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/best-blueberry-recipes" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/Cooks-Country-Recipe-BLUEBERRY-COBBLER.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Best Blueberry Recipes </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">39</span> </strong> <p class="t-h8-caps ml-auto"> 13 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/recipes-to-host-a-dinner-party-inspired-by-hotel-portofino" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/Trofie.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Recipes For a Dinner Party Inspired by Hotel Portofino </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">113</span> </strong> <p class="t-h8-caps ml-auto"> 16 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/the-julia-child-experience" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/the-french-chef-with-julia-child-d42a307536fbac46b17ccd23dd387720.png" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> The Julia Child Experience </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">11</span> </strong> <p class="t-h8-caps ml-auto"> 17 Recipes & 111 Stories </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/recipes-to-make-the-most-of-watermelon-season" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/watermelon-feta-salad640x360.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Recipes to Make the Most of Watermelon Season </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">8</span> </strong> <p class="t-h8-caps ml-auto"> 9 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/recipes-for-a-roman-empire-themed-dinner-party" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/recipe-mussels-triestina-lidia.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Recipes for a Roman Empire-Themed Dinner Party </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">4</span> </strong> <p class="t-h8-caps ml-auto"> 11 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/menu-for-a-parisian-themed-dinner-party" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/Paul-Hollywood-Baguette.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Menu Ideas and Recipes for a Parisian-Themed Dinner Party </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">25</span> </strong> <p class="t-h8-caps ml-auto"> 10 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/winter-recipes" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/2013/02/_620x354_crop_center-center_none_ns/tomato-soup-5.jpg" alt="Creamy Tomato Soup"> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Winter Recipes </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <p class="t-h8-caps ml-auto"> 12 Stories </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/recipes-and-ideas-for-what-to-make-with-peaches" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/Peach-Berry-Smoothie.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> What to Make With Peaches </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">46</span> </strong> <p class="t-h8-caps ml-auto"> 10 Recipes </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/eat-like-leonardo-da-vinci" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/marinated-squash.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Eat Like Leonardo da Vinci </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">18</span> </strong> <p class="t-h8-caps ml-auto"> 15 Recipes & 1 Story </p> </div> </a> </article> <article class="splide__slide block w-[min(80vw,360px)] md:w-[calc(50%-1rem)] xl:w-[calc(25%-1.125rem)]"> <a href="https://www.pbs.org/food/collections/make-tonight-a-taco-night" class="group relative w-full flex items-center justify-center bg-white rounded-md aspect-square max-h-[330px] transition duration-300 overflow-hidden text-center text-white hocus:text-yellow"> <img class="absolute inset-0 w-full h-full object-cover transition duration-300 group-hover:scale-125 group-focs:scale-125" src="https://dmlxzvnzyohme.cloudfront.net/_620x354_crop_center-center_none_ns/PBSFood-TGAR-S2-Maria_Carne-Asada-Tacos-with-Tomato-and-Tomatillo-Salsas.jpg" alt=""> <div class="absolute inset-0 bg-navy-blue opacity-70"></div> <div class="relative px-3 py-6 lg:py-10"> <h3 class="t-h2 font-light line-clamp-4"> Taco Night Recipes </h3> </div> <div class="absolute bottom-0 left-0 right-0 flex items-center justify-between p-4 text-white"> <strong class="inline-flex items-center leading-none"> <svg class="svg-icon svg-fill h-4 w-auto text-white" width="26px" height="23px" viewBox="0 0 26 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="heart" transform="translate(1, 1)" fill="#D6383A" fill-rule="nonzero" stroke="#D6393A" stroke-width="2"> <path d="M6.39372703,1.00166105 L6.65331684,1.01430722 C8.00934816,1.11313974 9.34382581,1.71997276 10.3592583,2.7698034 L12.0002616,4.46083302 L13.6418992,2.76933264 C14.6585014,1.72036365 15.9933014,1.11312373 17.3492919,1.01429441 C18.645693,0.919808175 19.9616447,1.29349249 21.0213061,2.19652393 C22.2662912,3.2591238 22.9225651,4.74243119 22.9935631,6.24881542 C23.0653345,7.77161011 22.5401635,9.32057372 21.4114557,10.4853142 L12.3415178,19.8506469 L2.58491824,10.4857408 C1.45815608,9.32089839 0.934075738,7.77140251 1.0066095,6.24821842 C1.07833318,4.74204591 1.73458705,3.25899104 2.97883565,2.19701795 C4.03920789,1.29338034 5.3562955,0.919775563 6.65331684,1.01430722 Z" id="Path"></path> </g> </g> </svg> <span class="sr-only">Likes: </span> <span class="ml-[6px] font-bold text-white">39</span> </strong> <p class="t-h8-caps ml-auto"> 20 Recipes </p> </div> </a> </article> </div> </div> </div> </section> </div> </main> <footer class="relative"> <div class="container relative"> <a href="#top" class=" absolute top-4 md:top-6 z-10 right-containerPad btn print:hidden border-white bg-opacity-70"> <svg class="svg-icon svg-fill" width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g id="/ Back to Top / PBS Blue"> <path id="ShowsLanding_BacktoTop" fill-rule="evenodd" clip-rule="evenodd" d="M8.79159 0.105079C8.93169 -0.0350263 9.0718 -0.0350263 9.21191 0.105079L17.7583 7.95096C17.8984 7.95096 17.8984 8.09107 17.8984 8.23117C17.8984 8.37128 17.7583 8.51138 17.6182 8.51138H11.7338V19.5797C11.7338 19.8599 11.5937 20 11.3135 20H6.54991C6.2697 20 6.1296 19.8599 6.1296 19.5797V8.51138H0.385285H0.245182H0.105079C-0.0350263 8.37128 -0.0350263 8.09107 0.105079 8.09107L8.79159 0.105079Z" fill="white"/> </g> </svg> Back to top </a> </div> <div id="component-bfeack" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://food-prod.console.pbs.org/actions/sprig-core/components/render" data-hx-vals="{"sprig:siteId":"c27151e0fa286249ea79dd313676819b98225a49c4b5251f1cc9a09ba6a1e5881","sprig:id":"a7c5be303e9166f972c26e4078e3ada59e225731ae776a4c63bfc6550ca2fdfdcomponent-bfeack","sprig:component":"38c5a91181f5584fa886f6504edc8f8a3e11aabfe9be7309d16086ca8dd23031","sprig:template":"e4712b3916f7e15585c65a83088b387da8254b542a682e6a2ca76d65e892fa74_blocks\/newsletterSignup\/iterableForm"}"> <aside class="relative container-wrapper pt-12 pb-14 print:hidden"> <img class="absolute inset-0 object-cover w-full h-full" src="https://dmlxzvnzyohme.cloudfront.net/Brand-imagery/newsletter-sign-up_bg.webp" srcset="https://dmlxzvnzyohme.cloudfront.net/Brand-imagery/_2160xAUTO_crop_center-center_none_ns/newsletter-sign-up_bg.webp 1.5x, https://dmlxzvnzyohme.cloudfront.net/Brand-imagery/_2880xAUTO_crop_center-center_none_ns/newsletter-sign-up_bg.webp 2x, https://dmlxzvnzyohme.cloudfront.net/Brand-imagery/_4320xAUTO_crop_center-center_none_ns/newsletter-sign-up_bg.webp 3x" width="1440" height="810" alt="Newsletter sign up bg"> <div class="absolute inset-0 bg-black bg-opacity-80"></div> <div class="relative container md:flex md:flex-col md:items-center md:text-center max-w-xs md:max-w-3xl"> <h2 class="t-h5 text-white md:t-h2"> Getting hungry? </h2> <p class="mt-4 text-white font-medium"> Sign up for delicious, weekly recipes straight to your inbox. </p> <form class="mt-6 w-full max-w-[700px] md:mt-10" sprig s-method="post" s-action="expansion/newsletter/submit-to-iterable" accept-charset="UTF-8" data-hx-headers="{"X-CSRF-Token":"RohxUtRHyWy2Cgvi9iXibOvBKMm0Y0tGBtvWJZofqqLyvoB_I8-JyhS7Nh-GIo0n12BnlaF9rySFh0KW2hoEN2uqiXLeUcLlkfvOCln6wa4="}" data-hx-post="https://food-prod.console.pbs.org/actions/sprig-core/components/render?sprig:action=35645ad53ba3b70bc771e358aad2de71cf0b58758768a9bc55b1834d5ba3dd06expansion/newsletter/submit-to-iterable" data-sprig-parsed> <div class="flex rounded-lg max-w-[700px]"> <div class="flex-grow w-auto sc-view form-design-field sc-static-layout sc-regular-size"> <label class="sr-only">Email Address</label> <div class="flex form-input-wrapper relative"> <input class="form-input w-full border-none rounded-r-none" id="field0" type="text" name="emailAddress" class="" placeholder="Enter your email"/> </div> </div> <div class="flex sc-view form-design-field sc-static-layout sc-regular-size"> <div class="flex form-input-wrapper"> <input class="btn h-auto rounded-l-none rounded-r-sm" id="field3" value="Submit" type="submit"/> </div> </div> </div> <div class="mt-1 t-body-xs text-left text-white italic">By signing up, you agree to our <a href="https://www.pbs.org/about/about-pbs/privacy-policy/" class="t-link-dark-bg">Privacy Policy</a> and European users agree to the data transfer policy.</div> <div class="mt-6"> <a class="btn-link text-yellow" href="https://newsletters.pbs.org/" rel="noopener noreferrer" target="_blank" data-link="external">See all Newsletters</a> </div> </form> </div> </aside></div> <div class=" bg-white pt-spacer print:hidden"> <div class="container md:layout-grid"> <div class="mb-6 w-full md:col-span-full xl:mb-10"> <a href="https://www.pbs.org/food/" class="inline-block text-[40px] md:text-[43px] leading-[1] font-bold text-blue"> Food </a> </div> <nav class=" w-full mb-10 md:col-span-2 xl:col-span-4 xl:mb-0"> <ul class=" columns-2 gap-x-8 md:inline-block md:gap-x-16"> <li class="mb-4"> <a href="https://www.pbs.org/food/" class="t-link font-medium "> Home </a> </li> <li class="mb-4"> <a href="https://www.pbs.org/food/recipes" class="t-link font-medium "> Recipes </a> </li> <li class="mb-4"> <a href="https://www.pbs.org/food/shows" class="t-link font-medium "> Shows </a> </li> <li class="mb-4"> <a href="https://www.pbs.org/food/chefs" class="t-link font-medium "> Chefs </a> </li> <li class="mb-4"> <a href="https://www.pbs.org/food/stories" class="t-link font-medium underline"> Stories </a> </li> </ul> </nav> <div class="mb-10 md:relative md:col-span-2 xl:col-span-4 xl:mb-0"> <h3 class=" t-h7-caps text-medium-blue mb-6 md:absolute md:-mt-12 xl:-mt-16"> Learn more </h3> <nav> <ul class=" columns-2 gap-x-8 md:inline-block md:gap-x-16"> <li class="mb-4"> <a href="https://www.pbs.org/" class="t-link font-medium underline"> PBS.org </a> </li> <li class="mb-4"> <a href="https://www.pbs.org/about/about-pbs/" class="t-link font-medium "> About PBS </a> </li> <li class="mb-4"> <a href="https://www.pbs.org/foundation/" class="t-link font-medium "> PBS Foundation </a> </li> <li class="mb-4"> <a href="https://www.pbs.org/cgi-registry/whatson/index.cgir" class="t-link font-medium "> TV Schedules </a> </li> <li class="mb-4"> <a href="https://www.pbs.org/about/careers/" class="t-link font-medium "> Careers </a> </li> <li class="mb-4"> <a href="https://www.pbs.org/about/about-pbs/contact-information/" class="t-link font-medium "> Contact Us </a> </li> </ul> </nav> </div> <div class=" col-span-full xl:relative xl:col-span-2 xl:col-start-11"> <h5 class=" t-h7-caps text-medium-blue mb-8 xl:absolute xl:-mt-16"> Connect with us </h5> <ul class="flex items-center gap-5 md:gap-4"> <li> <a href="http://www.facebook.com/pbsfood" target="_blank" class="text-blue hocus:text-medium-blue"> <span class="sr-only">Find us on Facebook</span> <svg class="svg-icon svg-fill h-8 w-auto md:h-6" width="10" height="20" viewBox="0 0 10 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5135 6.47903V4.39977C6.50128 4.27251 6.51715 4.14412 6.56 4.02367C6.60285 3.90322 6.67163 3.79366 6.76148 3.70271C6.85133 3.61177 6.96006 3.54166 7.07998 3.49735C7.1999 3.45305 7.32809 3.43562 7.45549 3.4463H9.82194V0H6.54796C2.92935 0 2.10224 2.56175 2.10224 4.19299V6.49052H0V10.0057H2.10224V20H6.5135V10.0057H9.4888L9.87938 6.47903H6.5135Z" fill="#2638C4"/> </svg> </a> </li> <li> <a href="http://instagram.com/pbsfood" target="_blank" class="text-blue hocus:text-medium-blue"> <span class="sr-only">Find us on Instagram</span> <svg class="svg-icon svg-fill h-8 w-auto md:h-6" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3049 0H4.81363C2.22168 0 0 2.22168 0 4.81363V15.1815C0 17.8968 2.22168 19.9951 4.81363 19.9951H15.1815C17.8968 19.9951 19.9951 17.7734 19.9951 15.1815V4.81363C20.1185 2.22168 17.8968 0 15.3049 0ZM9.99755 16.1689C6.5416 16.1689 3.82622 13.4535 3.82622 9.99755C3.82622 6.5416 6.5416 3.82622 9.99755 3.82622C13.4535 3.82622 16.1689 6.5416 16.1689 9.99755C16.1689 13.4535 13.4535 16.1689 9.99755 16.1689ZM16.4157 5.30734C15.5517 5.30734 14.8112 4.56678 14.8112 3.70279C14.8112 2.83881 15.5517 2.09825 16.4157 2.09825C17.2797 2.09825 18.0203 2.83881 18.0203 3.70279C18.0203 4.56678 17.2797 5.30734 16.4157 5.30734Z" fill="#2638C4"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.99753 5.80078C7.65242 5.80078 5.80103 7.65218 5.80103 9.99728C5.80103 12.3424 7.65242 14.1938 9.99753 14.1938C12.3426 14.1938 14.194 12.3424 14.194 9.99728C14.194 7.65218 12.3426 5.80078 9.99753 5.80078Z" fill="#2638C4"/> </svg> </a> </li> <li> <a href="http://www.youtube.com/user/pbsfood" target="_blank" class="text-blue hocus:text-medium-blue"> <span class="sr-only">Find us on YouTube</span> <svg class="svg-icon svg-fill h-8 w-auto md:h-6" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1401_21261)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.9612 10.3064C17.8648 9.86861 17.6514 9.50145 17.3212 9.20461C16.991 8.908 16.6107 8.73345 16.1802 8.68158C14.815 8.53321 12.756 8.45903 10.0029 8.45903C7.24982 8.45903 5.19442 8.53321 3.83661 8.68158C3.39891 8.73345 3.01673 8.908 2.69018 9.20473C2.36364 9.50158 2.14836 9.86873 2.04448 10.3065C1.85164 11.1673 1.75515 12.4658 1.75515 14.2022C1.75515 15.9681 1.85164 17.2668 2.04448 18.0979C2.14109 18.5355 2.35442 18.9029 2.68461 19.1995C3.01491 19.4965 3.39515 19.667 3.82545 19.7115C5.19091 19.8674 7.25006 19.9453 10.003 19.9453C12.7558 19.9453 14.8152 19.8674 16.1802 19.7115C16.6107 19.667 16.989 19.4964 17.3156 19.1995C17.6422 18.9029 17.8575 18.5355 17.9612 18.0979C18.1541 17.237 18.2507 15.9384 18.2507 14.2022C18.2507 12.4361 18.1539 11.1375 17.9612 10.3064ZM12.8299 7.53527C13.2011 7.53527 13.5833 7.30521 13.9766 6.84509V7.45721H14.9893V1.90327H13.9765V6.14388C13.7538 6.46303 13.5425 6.62242 13.3419 6.62242C13.2082 6.62242 13.1303 6.54085 13.1082 6.37758C13.1007 6.36267 13.097 6.23285 13.097 5.988V1.90327H12.0841V6.28873C12.0841 6.66715 12.1139 6.94521 12.1732 7.12339C12.2698 7.39794 12.4886 7.53527 12.8299 7.53527ZM9.76933 7.53527C10.2812 7.53527 10.6744 7.34606 10.9491 6.96764C11.1568 6.69309 11.2606 6.25515 11.2606 5.6543V3.70642C11.2606 3.11285 11.1567 2.67867 10.9491 2.40412C10.6744 2.0257 10.2812 1.83648 9.76921 1.83648C9.272 1.83648 8.8823 2.02558 8.60048 2.40412C8.39285 2.67867 8.28897 3.11285 8.28897 3.70642V5.6543C8.28897 6.24788 8.39273 6.6857 8.60048 6.96764C8.88255 7.34606 9.272 7.53527 9.76921 7.53527M5.81818 4.44097V7.45745H6.93115V4.44097L8.27794 0H7.14255L6.38594 2.92727L5.59564 0H4.41576C4.649 0.696563 4.89023 1.39043 5.13939 2.08145C5.48812 3.10533 5.7143 3.892 5.81818 4.44097ZM9.29042 3.50606C9.29042 2.99394 9.45006 2.73794 9.76921 2.73794C10.0882 2.73794 10.2476 2.99394 10.2476 3.50606V5.84327C10.2476 6.36291 10.0882 6.62242 9.76909 6.62242C9.45006 6.62242 9.29042 6.36267 9.29042 5.84327V3.50606ZM17.0149 15.204H15.0227V16.1724C15.0227 16.6844 15.1932 16.9402 15.5345 16.9402C15.7794 16.9402 15.9279 16.8068 15.9798 16.5394C15.9945 16.4652 16.0021 16.239 16.0021 15.8606H17.0149V16.0052C17.0149 16.3688 17.0074 16.5839 16.9926 16.651C16.9705 16.8512 16.8927 17.0515 16.7589 17.2519C16.4919 17.6451 16.0909 17.8417 15.5567 17.8417C15.0448 17.8417 14.6441 17.6526 14.3547 17.2742C14.1396 16.9996 14.032 16.5693 14.032 15.9832V14.0575C14.032 13.4713 14.1358 13.0408 14.3435 12.7663C14.633 12.3879 15.0299 12.1988 15.5345 12.1988C16.0319 12.1988 16.4253 12.3879 16.7144 12.7663C16.9149 13.0408 17.015 13.4713 17.015 14.0575V15.2041M13.2528 16.1166C13.2528 16.6583 13.2195 17.0293 13.153 17.2298C13.0267 17.6376 12.7634 17.8417 12.3627 17.8417C12.0065 17.8417 11.6615 17.6376 11.3275 17.2298V17.764H10.337V10.3847H11.3275V12.8C11.6468 12.3995 11.9915 12.199 12.3627 12.199C12.7634 12.199 13.0267 12.4069 13.153 12.8223C13.2196 13.0152 13.2528 13.3825 13.2528 13.9241V16.1166ZM9.46861 17.7639H8.47806V17.1627C8.07733 17.6155 7.69867 17.8417 7.34267 17.8417C7.00133 17.8417 6.78606 17.7045 6.69709 17.4299C6.63782 17.2518 6.608 16.981 6.608 16.6175V12.2655H7.59867V16.3168C7.59867 16.5543 7.6023 16.6841 7.60982 16.7064C7.63212 16.8623 7.70994 16.9402 7.84351 16.9402C8.04388 16.9402 8.25552 16.7844 8.47806 16.4727V12.2655H9.46861V17.7639ZM6.46364 11.4309H5.27261V17.7639H4.15964V11.4309H2.99091V10.3846H6.46364V11.4309ZM15.5236 13.1005C15.1898 13.1005 15.0228 13.3527 15.0228 13.8571V14.3692H16.0245V13.8571C16.0245 13.3525 15.8573 13.1005 15.5236 13.1005ZM11.8282 13.1005C11.6575 13.1005 11.4907 13.1823 11.3274 13.3453V16.6954C11.4907 16.8585 11.6575 16.9402 11.8282 16.9402C12.1175 16.9402 12.2624 16.6918 12.2624 16.1944V13.8462C12.2624 13.349 12.1176 13.1005 11.8282 13.1005Z" fill="#2638C4"/> </g> <defs> <clipPath id="clip0_1401_21261"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> </a> </li> <li> <a href="http://www.pinterest.com/pbsfood" target="_blank" class="text-blue hocus:text-medium-blue"> <span class="sr-only">Find us on Pinterest</span> <svg class="svg-icon svg-fill h-8 w-auto md:h-6" width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.61871 15.4865C3.83895 14.5375 5.04444 9.44187 5.04444 9.44187C5.04444 9.44187 4.68012 8.71322 4.68012 7.63719C4.68012 5.94433 5.66023 4.68327 6.88129 4.68327C7.91871 4.68327 8.41918 5.46187 8.41918 6.39661C8.41918 7.43848 7.75497 8.99965 7.41228 10.4458C7.12608 11.6554 8.01977 12.6421 9.21275 12.6421C11.3751 12.6421 13.0371 10.3633 13.0371 7.07333C13.0371 4.16164 10.9451 2.12526 7.95661 2.12526C4.49602 2.12526 2.4655 4.72129 2.4655 7.40363C2.4655 8.44901 2.86819 9.56971 3.37029 10.1785C3.46971 10.2999 3.48409 10.4042 3.45439 10.5275C3.36234 10.9111 3.15696 11.7375 3.11672 11.9069C3.06363 12.1298 2.94094 12.1763 2.70959 12.0697C1.19146 11.3626 0.241404 9.14129 0.241404 7.35789C0.241404 3.52269 3.02924 -0.000818713 8.27719 -0.000818713C12.4954 -0.000818713 15.7738 3.00503 15.7738 7.02374C15.7738 11.2132 13.1317 14.5875 9.46491 14.5875C8.23064 14.5875 7.07322 13.9466 6.67661 13.1908C6.67661 13.1908 6.06655 15.513 5.91836 16.0813C5.64409 17.1384 4.73439 18.7678 4.40713 19.2701L4.04749 19.8215C3.89193 20.0601 3.7276 20.0236 3.68304 19.7378C3.68304 19.7378 3.67427 19.7331 3.57591 18.9752C3.47719 18.2186 3.37368 16.5371 3.61883 15.4867" fill="#2638C4"/> </svg> </a> </li> </ul> </div> </div> <div class="mt-spacer t-body-sm py-4 bg-blue text-center text-white font-medium"> <div class="container flex flex-wrap justify-center items-center gap-x-4 gap-y-2"> <p> Copyright © 2025 Public Broadcasting Service (PBS), all rights reserved. </p> <ul> <li class="inline-block"> <a href="https://www.pbs.org/about/about-pbs/privacy-policy/" class="mx-1 hover:underline focus:underline "> Privacy Policy </a> | </li> <li class="inline-block"> <a href="https://www.pbs.org/about/about-pbs/terms-of-use/" class="mx-1 hover:underline focus:underline "> Terms of Use </a> | </li> <li class="inline-block"> <a href="https://www.pbs.org/about/about-pbs/privacy-policy/#Use_Cookies_Web_Beacons" class="mx-1 hover:underline focus:underline "> Marketing Preferences </a> </li> </ul> </div> </div> </div> </footer> </div> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="https://www.pbs.org/food/foods_dist/assets/app-90cffa5a.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/main.js'}});document.dispatchEvent(e);"></script> <link href="https://www.pbs.org/food/foods_dist/assets/main-76d55367.css" rel="stylesheet" media="print" onload="this.media='all'"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TWTDGH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebSite","author":{"@id":"https://www.pbs.org#identity"},"copyrightHolder":{"@id":"https://www.pbs.org#identity"},"copyrightYear":"2023","creator":{"@id":"https://www.pbs.org#creator"},"dateCreated":"2023-07-24T11:07:18-05:00","dateModified":"2025-02-04T15:37:09-06:00","datePublished":"2023-07-24T11:07:00-05:00","description":"PBS Food unites cooking shows, blogs and recipes from PBS and local stations across the country including Julia Child and Kitchen Vignettes!","headline":"Food Blogs, Family Stories, and Expert Cooking Tips | PBS","image":{"@type":"ImageObject","url":"https://dmlxzvnzyohme.cloudfront.net/_1200x630_crop_center-center_82_none_ns/family-preview-c7b361e32f6cf1b557b6ecf5e8a76301_2023-08-28-152834_hqnk.jpg?mtime=1697286481"},"inLanguage":"en-us","mainEntityOfPage":"https://www.pbs.org/food/stories","name":"Food Blogs, Family Stories, and Expert Cooking Tips | PBS","publisher":{"@id":"https://www.pbs.org#creator"},"url":"https://www.pbs.org/food/stories"},{"@id":"https://www.pbs.org#identity","@type":"TelevisionChannel","alternateName":"Public Broadcasting Service","description":"For more than 50 years, PBS has connected with hundreds of millions of Americans through the stories that matter to our lives. Our brand is designed to reach millions of Americans anytime and anywhere.","image":{"@type":"ImageObject","height":"470","url":"https://d2ltx0w9pm0q0a.cloudfront.net/Brand-imagery/PBS_rgb.png","width":"1101"},"name":"PBS","sameAs":["http://www.facebook.com/pbsfood","http://instagram.com/pbsfood","http://www.youtube.com/user/pbsfood","http://www.pinterest.com/pbsfood"],"url":"https://www.pbs.org"},{"@id":"https://www.pbs.org#creator","@type":"Organization","alternateName":"Public Broadcasting System","description":"For more than 50 years, PBS has connected with hundreds of millions of Americans through the stories that matter to our lives. Our brand is designed to reach millions of Americans anytime and anywhere.","image":{"@type":"ImageObject","height":"470","url":"https://d2ltx0w9pm0q0a.cloudfront.net/Brand-imagery/PBS_rgb.png","width":"1101"},"logo":{"@type":"ImageObject","height":"60","url":"https://dmlxzvnzyohme.cloudfront.net/Brand-imagery/_600x60_fit_center-center_82_none_ns/PBS_rgb.png?mtime=1701721781","width":"141"},"name":"PBS","telephone":"703-739-5000","url":"https://www.pbs.org"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://www.pbs.org/food","name":"Homepage","position":1},{"@type":"ListItem","item":"https://www.pbs.org/food/stories","name":"Stories landing","position":2}],"name":"Breadcrumbs"}]}</script><script src="https://food-prod.console.pbs.org/cpresources/1f967182/htmx.min.js?v=1743366535"></script></body> </html>

CINXE.COM

Food Blogs, Family Stories, and Expert Cooking Tips | PBS