PBS Food | Recipes, Food Shows & More

<!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>PBS Food | Recipes, Food Shows & More | 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/" property="og:url"> <meta content="PBS Food | Recipes, Food Shows & More | 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/2023/08/_1200x630_crop_center-center_82_none_ns/PBSFood-TGAR-S2-Salmah_Baigan-Choka-and-Dhal-360x230.jpg?mtime=1697286448" 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="PBS Food | Recipes, Food Shows & More | 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/2023/08/_1200x630_crop_center-center_82_none_ns/PBSFood-TGAR-S2-Salmah_Baigan-Choka-and-Dhal-360x230.jpg?mtime=1697286448"> <link href="https://www.pbs.org/food" 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> <script>window.googletag = window.googletag || { cmd: [] }; googletag.cmd.push(() => { const mapping_topadslot_G8G8 = googletag .sizeMapping() .addSize([1400, 500], [[970, 250], [970, 90]]).addSize([1024, 500], [[970, 250], [970, 90], [728, 90]]).addSize([768, 400], [[728, 90]]).addSize([360, 400], [[300, 250], [320, 100]]).addSize([0, 0], [[320, 50], [320, 100]]) .build(); // Define the ad slot. googletag .defineSlot('/22540141786/n6735.pbs/home_food', [[970, 250]], 'topadslot_G8G8') .defineSizeMapping(mapping_topadslot_G8G8) .addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); });</script></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 font-bold border-yellow"> 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 "> 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 font-bold border-yellow"> 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 "> Stories </a> </li> </ul> </div> </div> </div> </nav> </div> </header> <main id="main" class="flex-1 mb-spacer-lg mt-12 md:mt-16"> <div class="blocks"> <section class=" hero container-wrapper relative flex flex-col items-start justify-end bg-midnight text-white sm:min-h-[55.67vw] sm:max-h-none md:min-h-[clamp(206px,35.67vw,515px)] md:max-h-[515px] overflow-hidden xl:pb-16"> <img class="absolute top-0 left-0 w-full min-h-[250px] 2xs:h-[40vw] sm:min-h-[250px] md:h-full md:min-h-[clamp(206px,35.67vw,515px)] md:max-h-[515px] object-cover" style="object-position: 50% 50%" alt="Lemon Pasta" src="https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/303/_768xAUTO_crop_center-center_none_ns/303_0390-copy.webp" width="1620" height="579" srcset=" https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/303/_640x229_crop_center-center_none_ns/303_0390-copy.webp 640w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/303/_768x275_crop_center-center_none_ns/303_0390-copy.webp 768w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/303/_1024x366_crop_center-center_none_ns/303_0390-copy.webp 1024w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/303/_1366x488_crop_center-center_none_ns/303_0390-copy.webp 1366w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/303/_1600x572_crop_center-center_none_ns/303_0390-copy.webp 1600w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/303/_1920x687_crop_center-center_none_ns/303_0390-copy.webp 1920w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/303/_2680x958_crop_center-center_none_ns/303_0390-copy.webp 2680w, " sizes=" 100vw" /> <div class="absolute inset-x-0 bottom-0 h-[85%] sm:h-[75%] md:h-[55%] bg-gradient-to-t from-midnight via-midnight/80 to-transparent xl:hidden"> </div> <div class="hidden md:block absolute top-0 bottom-0 left-0 w-3/5 bg-gradient-to-r from-midnight"> </div> <div class="container h-full flex flex-col justify-end"> <div class=" relative -mt-8 pb-8 w-full sm:!pt-0 md:!pt-14 md:pb-10 md:mt-0" style="padding-top: max(35.67vw, 206px);"> <h2 class=" t-h4 mb-3 pr-4 max-w-md md:t-h3 lg:t-h2 lg:w-1/2 lg:mr-0"> Comfort Food Recipes </h2> <p class=" t-body-sm pr-4 max-w-md lg:w-1/2 lg:mr-0"> Everyone has that one food you make when you need a little pick-me-up. Maybe it's not always the healthiest, but if it makes you feel good then you deserve it. Enjoy these comfort food recipes. </p> <div class=" flex flex-col items-center gap-3 mt-5 sm:flex-row"> <a class="btn btn--white" href="https://www.pbs.org/food/recipes/theme/comfort-food">Explore Comfort Food Favorites</a> </div> </div> </div> </section> <section class=" md:px-halfContainerPad lg:container mt-spacer xl:relative xl:-mt-12"> <div class="md:bg-cloud md:pt-8 md:shadow-xl"> <div class="md:-mx-halfContainerPad"> <section class="container overflow-hidden"> <header class=" mb-6 text-center"> <div class="px-4"> <h2 class=" t-h4 text-navy-blue md:t-h3 "> Our Top Picks </h2> <p class="max-w-xl mt-3 font-medium mx-auto"> Featured Home Cook Recipes You Can Try Today </p> </div> </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/recipes/steak-and-mushrooms-over-egg-noodles" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md md:bg-cloud "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="Steak and Mushrooms over Egg Noodles" src="https://dmlxzvnzyohme.cloudfront.net/2023/06/_768xAUTO_crop_center-center_none_ns/PBSFood-TGAR-S2-Khela_Steak-and-Mushrooms-over-Egg-Noodles.jpg" width="1920" height="1080" srcset=" https://dmlxzvnzyohme.cloudfront.net/2023/06/_640x360_crop_center-center_none_ns/PBSFood-TGAR-S2-Khela_Steak-and-Mushrooms-over-Egg-Noodles.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2023/06/_768x432_crop_center-center_none_ns/PBSFood-TGAR-S2-Khela_Steak-and-Mushrooms-over-Egg-Noodles.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2023/06/_1024x576_crop_center-center_none_ns/PBSFood-TGAR-S2-Khela_Steak-and-Mushrooms-over-Egg-Noodles.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2023/06/_1366x768_crop_center-center_none_ns/PBSFood-TGAR-S2-Khela_Steak-and-Mushrooms-over-Egg-Noodles.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2023/06/_1600x900_crop_center-center_none_ns/PBSFood-TGAR-S2-Khela_Steak-and-Mushrooms-over-Egg-Noodles.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2023/06/_1920x1080_crop_center-center_none_ns/PBSFood-TGAR-S2-Khela_Steak-and-Mushrooms-over-Egg-Noodles.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2023/06/_2680x1508_crop_center-center_none_ns/PBSFood-TGAR-S2-Khela_Steak-and-Mushrooms-over-Egg-Noodles.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/the-great-american-recipe-f132f35c23b71084cd78d476c4a986ea.png" alt="The Great American Recipe Logo"> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Entree </span> <h3 class=" t-h7 !font-medium mb-2 line-clamp-2 "> Steak and Mushrooms over Egg Noodles </h3> </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/recipes/simple-stovetop-macaroni-cheese" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md md:bg-cloud "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2018/09/_768xAUTO_crop_center-center_none_ns/Mac-and-Cheese.jpg" width="1280" height="720" srcset=" https://dmlxzvnzyohme.cloudfront.net/2018/09/_640x360_crop_center-center_none_ns/Mac-and-Cheese.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2018/09/_768x432_crop_center-center_none_ns/Mac-and-Cheese.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2018/09/_1024x576_crop_center-center_none_ns/Mac-and-Cheese.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2018/09/_1366x768_crop_center-center_none_ns/Mac-and-Cheese.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2018/09/_1600x900_crop_center-center_none_ns/Mac-and-Cheese.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2018/09/_1920x1080_crop_center-center_none_ns/Mac-and-Cheese.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2018/09/_2680x1508_crop_center-center_none_ns/Mac-and-Cheese.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 "> Side Dish </span> <h3 class=" t-h7 !font-medium mb-2 line-clamp-2 "> Simple Stovetop Macaroni and Cheese </h3> </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/recipes/katharine-hepburn-brownies" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md md:bg-cloud "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="These caramel brownies redefine gooey." src="https://dmlxzvnzyohme.cloudfront.net/2013/02/_768xAUTO_crop_center-center_none_ns/Brownies.jpg" width="640" height="360" srcset=" https://dmlxzvnzyohme.cloudfront.net/2013/02/_640x360_crop_center-center_none_ns/Brownies.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2013/02/_768x432_crop_center-center_none_ns/Brownies.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2013/02/_1024x576_crop_center-center_none_ns/Brownies.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2013/02/_1366x768_crop_center-center_none_ns/Brownies.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2013/02/_1600x900_crop_center-center_none_ns/Brownies.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2013/02/_1920x1080_crop_center-center_none_ns/Brownies.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2013/02/_2680x1508_crop_center-center_none_ns/Brownies.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 "> Dessert </span> <h3 class=" t-h7 !font-medium mb-2 line-clamp-2 "> Katharine Hepburn's Brownies </h3> </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/recipes/carne-asada-fries" class=" group relative w-full h-full flex flex-col transition hocus:shadow-md md:bg-cloud "> <div class=" relative aspect-video bg-blue overflow-hidden "> <img class="w-full" alt="" src="https://dmlxzvnzyohme.cloudfront.net/2023/03/_768xAUTO_crop_center-center_none_ns/new.jpg" width="2048" height="1152" srcset=" https://dmlxzvnzyohme.cloudfront.net/2023/03/_640x360_crop_center-center_none_ns/new.jpg 640w, https://dmlxzvnzyohme.cloudfront.net/2023/03/_768x432_crop_center-center_none_ns/new.jpg 768w, https://dmlxzvnzyohme.cloudfront.net/2023/03/_1024x576_crop_center-center_none_ns/new.jpg 1024w, https://dmlxzvnzyohme.cloudfront.net/2023/03/_1366x768_crop_center-center_none_ns/new.jpg 1366w, https://dmlxzvnzyohme.cloudfront.net/2023/03/_1600x900_crop_center-center_none_ns/new.jpg 1600w, https://dmlxzvnzyohme.cloudfront.net/2023/03/_1920x1080_crop_center-center_none_ns/new.jpg 1920w, https://dmlxzvnzyohme.cloudfront.net/2023/03/_2680x1508_crop_center-center_none_ns/new.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/la-frontera-with-pati-jinich-a9e947f181f0127ab6b5cab573ddb6fe.png" alt="La Frontera with Pati Jinich Logo"> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Side Dish </span> <h3 class=" t-h7 !font-medium mb-2 line-clamp-2 "> Carne Asada Fries </h3> </div> </a> </li> </ul> </div> </div> </section> </div> </div> </section> <div class="container flex justify-center"> <div> <div id="topadslot_G8G8" data-title="Google Ad | PBS Food Homepage" style="width: 100%; height: 100%;"></div> </div> </div> <section class="container-wrapper relative bg-fog py-10 bg-cover z-10" style="background-image: url(https://www.pbs.org/food/static/img/recipe-finder-bg.jpg))"> <div class="container max-w-2xl text-center"> <h2 class="t-h2 mb-6 uppercase text-navy-blue"> Recipe Finder </h2> <p class="mb-8 font-medium"> Feeling hungry? Why not check out our awesome recipe database to plan some delicious meals, try out new foods, and discover exciting cuisines! </p> <img class="hidden xl:block absolute left-0 top-0 -mt-12 w-1/5 2xl:w-auto" src="https://www.pbs.org/food/static/img/recipe-finder-1.png" aria-hidden="true"> <img class="hidden xl:block absolute right-8 top-0 -mt-6 w-1/5 2xl:w-auto" src="https://www.pbs.org/food/static/img/recipe-finder-2.png" aria-hidden="true"> <img class="hidden xl:block absolute right-2 top-40 w-1/6 2xl:w-[250px]" src="https://www.pbs.org/food/static/img/recipe-finder-3.png" aria-hidden="true"> <form action="https://www.pbs.org/food/recipes/search" class="flex mb-8"> <label for="query" class="sr-only">Search for:</label> <input class="form-input w-full border-none rounded-r-none" id="query" type="text" placeholder="Search for dinner recipes" name="query"/> <input class="btn h-auto rounded-l-none rounded-r-sm" value="Search" type="submit" /> </form> <h3 class="t-h7 mb-3">or Browse by Category</h3> <ul class="relative grid gap-3 grid-cols-2 sm:grid-cols-4" x-data="{ openFilter: null }" @keyup.esc="openFilter = null" @click.outside="openFilter = null"> <li> <button class="btn btn--filter w-full" @click="openFilter == 'Course' ? openFilter = null : openFilter = 'Course'"> Course <i class="text-white" :class="openFilter == 'Course' ? '-scale-y-100' : ''"> <svg class="svg-icon svg-fill" width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.00143 5.23L1.24214 0.470643C1.2153 0.443703 1.17883 0.428555 1.1408 0.428541C1.10277 0.428528 1.06629 0.443651 1.03943 0.470572L0.0419286 1.46814C-0.0138829 1.52421 -0.013819 1.61487 0.0420714 1.67086L5.9 7.52893C5.92685 7.55592 5.96336 7.5711 6.00143 7.5711C6.0395 7.5711 6.07601 7.55592 6.10286 7.52893L11.9609 1.67086C11.9879 1.64401 12.003 1.60756 12.003 1.56953C12.0031 1.5315 11.988 1.49503 11.9611 1.46814L10.9634 0.470572C10.9074 0.414729 10.8168 0.414729 10.7608 0.470572L6.00157 5.23" fill="white"/> </svg> </i> </button> <div class="absolute top-full mt-2 left-0 right-0 bg-white shadow-md p-6 px-8 text-left" x-show="openFilter == 'Course'"> <ul class="columns-2 gap-6 space-y-3 sm:columns-3"> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?course=salad">Salad</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?course=breakfast-and-brunch">Breakfast and Brunch</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?course=appetizer">Appetizer</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?course=beverage">Beverage</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?course=snack">Snack</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?course=side-dish">Side Dish</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?course=dessert">Dessert</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?course=entree">Entree</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?course=soup-and-stew">Soup and Stew</a></li> </ul> </div> </li> <li> <button class="btn btn--filter w-full" @click="openFilter == 'Cuisine' ? openFilter = null : openFilter = 'Cuisine'"> Cuisine <i class="text-white" :class="openFilter == 'Cuisine' ? '-scale-y-100' : ''"> <svg class="svg-icon svg-fill" width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.00143 5.23L1.24214 0.470643C1.2153 0.443703 1.17883 0.428555 1.1408 0.428541C1.10277 0.428528 1.06629 0.443651 1.03943 0.470572L0.0419286 1.46814C-0.0138829 1.52421 -0.013819 1.61487 0.0420714 1.67086L5.9 7.52893C5.92685 7.55592 5.96336 7.5711 6.00143 7.5711C6.0395 7.5711 6.07601 7.55592 6.10286 7.52893L11.9609 1.67086C11.9879 1.64401 12.003 1.60756 12.003 1.56953C12.0031 1.5315 11.988 1.49503 11.9611 1.46814L10.9634 0.470572C10.9074 0.414729 10.8168 0.414729 10.7608 0.470572L6.00157 5.23" fill="white"/> </svg> </i> </button> <div class="absolute top-full mt-2 left-0 right-0 bg-white shadow-md p-6 px-8 text-left" x-show="openFilter == 'Cuisine'"> <ul class="columns-2 gap-6 space-y-3 sm:columns-3"> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=caribbean">Caribbean</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=chinese">Chinese</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=greek">Greek</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=japanese">Japanese</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=irish">Irish</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=south-american">South American</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=italian">Italian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=east-european">East European</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=french">French</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=african">African</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=american">American</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=british">British</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=indian">Indian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=mexican">Mexican</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=middle-eastern">Middle Eastern</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=portuguese">Portuguese</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=spanish">Spanish</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=thai">Thai</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=korean">Korean</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=filipino">Filipino</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=puerto-rican">Puerto Rican</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=vietnamese">Vietnamese</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=salvadoran">Salvadoran</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=sicilian">Sicilian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=west-african">West African</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=mongolian">Mongolian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=pakistani-2">Pakistani</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=syrian">Syrian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=dominican">Dominican</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=dutch">Dutch</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=armenian">Armenian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=bengali">Bengali</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=hawaiian">Hawaiian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=ecuadorian">Ecuadorian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=indonesian">Indonesian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=native-american">Native American</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=peruvian">Peruvian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=russian">Russian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?cuisine=ukrainian">Ukrainian</a></li> </ul> </div> </li> <li> <button class="btn btn--filter w-full" @click="openFilter == 'Occasion' ? openFilter = null : openFilter = 'Occasion'"> Occasion <i class="text-white" :class="openFilter == 'Occasion' ? '-scale-y-100' : ''"> <svg class="svg-icon svg-fill" width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.00143 5.23L1.24214 0.470643C1.2153 0.443703 1.17883 0.428555 1.1408 0.428541C1.10277 0.428528 1.06629 0.443651 1.03943 0.470572L0.0419286 1.46814C-0.0138829 1.52421 -0.013819 1.61487 0.0420714 1.67086L5.9 7.52893C5.92685 7.55592 5.96336 7.5711 6.00143 7.5711C6.0395 7.5711 6.07601 7.55592 6.10286 7.52893L11.9609 1.67086C11.9879 1.64401 12.003 1.60756 12.003 1.56953C12.0031 1.5315 11.988 1.49503 11.9611 1.46814L10.9634 0.470572C10.9074 0.414729 10.8168 0.414729 10.7608 0.470572L6.00157 5.23" fill="white"/> </svg> </i> </button> <div class="absolute top-full mt-2 left-0 right-0 bg-white shadow-md p-6 px-8 text-left" x-show="openFilter == 'Occasion'"> <ul class="columns-2 gap-6 space-y-3 sm:columns-3"> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=party">Party</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=birthday-party">Birthday Party</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=christmas">Christmas</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=cookout">Cookout</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=easter">Easter</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=halloween">Halloween</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=jewish-holidays">Jewish Holidays</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=july-4th">July 4th</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=new-years">New Year's Eve</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=picnic">Picnic</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=thanksgiving">Thanksgiving</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?occasion=chinese-new-year">Chinese New Year</a></li> </ul> </div> </li> <li> <button class="btn btn--filter w-full" @click="openFilter == 'Theme' ? openFilter = null : openFilter = 'Theme'"> Theme <i class="text-white" :class="openFilter == 'Theme' ? '-scale-y-100' : ''"> <svg class="svg-icon svg-fill" width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.00143 5.23L1.24214 0.470643C1.2153 0.443703 1.17883 0.428555 1.1408 0.428541C1.10277 0.428528 1.06629 0.443651 1.03943 0.470572L0.0419286 1.46814C-0.0138829 1.52421 -0.013819 1.61487 0.0420714 1.67086L5.9 7.52893C5.92685 7.55592 5.96336 7.5711 6.00143 7.5711C6.0395 7.5711 6.07601 7.55592 6.10286 7.52893L11.9609 1.67086C11.9879 1.64401 12.003 1.60756 12.003 1.56953C12.0031 1.5315 11.988 1.49503 11.9611 1.46814L10.9634 0.470572C10.9074 0.414729 10.8168 0.414729 10.7608 0.470572L6.00157 5.23" fill="white"/> </svg> </i> </button> <div class="absolute top-full mt-2 left-0 right-0 bg-white shadow-md p-6 px-8 text-left" x-show="openFilter == 'Theme'"> <ul class="columns-2 gap-6 space-y-3 sm:columns-3"> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=cocktail">Cocktails</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=comfort-food">Comfort Foods</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=cooking-for-one">Cooking for One</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=cooking-with-kids">Cooking with Kids</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=family-friendly">Family Friendly</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=grilling">Grilling</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=healthy">Healthy</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=meat">Meat</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=poultry">Poultry</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=quick-and-easy">Quick and Easy</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=seafood">Seafood</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=vegan">Vegan</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=vegetarian">Vegetarian</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=pork">Pork</a></li> <li><a class="t-link" href="https://www.pbs.org/food/recipes/search?theme=spicy">Spicy</a></li> </ul> </div> </li> </ul> </div> </section> <section class="container overflow-hidden"> <header class=" mb-6 text-center"> <div class="px-4"> <h2 class=" t-h4 text-navy-blue md:t-h3 "> Special Collections </h2> <p class="max-w-xl mt-3 font-medium mx-auto"> Curated menus for special occasions, themes and more! </p> </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">72</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">25</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">35</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">80</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> </div> </div> </div> </section> <section class="container overflow-hidden"> <header class=" mb-6 text-center"> <div class="px-4"> <h2 class=" t-h4 text-navy-blue md:t-h3 "> <a href="https://www.pbs.org/food/recipes" class="group inline-flex items-center hocus:text-medium-blue"> Trending Recipes </a> </h2> <p class="max-w-xl mt-3 font-medium mx-auto"> Sizzling-hot recipes everyone is making </p> </div> </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/recipes/raspberry-tartlets" 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="Raspberry Tartlets" src="https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_768xAUTO_crop_center-center_none_ns/304_0469-copy.webp" width="1620" height="911" srcset=" https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_640x360_crop_center-center_none_ns/304_0469-copy.webp 640w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_768x432_crop_center-center_none_ns/304_0469-copy.webp 768w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_1024x576_crop_center-center_none_ns/304_0469-copy.webp 1024w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_1366x768_crop_center-center_none_ns/304_0469-copy.webp 1366w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_1600x900_crop_center-center_none_ns/304_0469-copy.webp 1600w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_1920x1080_crop_center-center_none_ns/304_0469-copy.webp 1920w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_2680x1508_crop_center-center_none_ns/304_0469-copy.webp 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/the-great-american-recipe-f132f35c23b71084cd78d476c4a986ea.png" alt="The Great American Recipe Logo"> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Dessert </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Raspberry Tartlets </h3> <p class=" line-clamp-4 "> Tim Harris elevates his wife's tasty tartlet recipe with a generous drizzle of bittersweet dark chocolate. </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">118</span> </strong> <strong class="flex items-center ml-auto"> <svg class="svg-icon svg-fill h-4 w-auto text-midnight" width="25" height="19" viewBox="0 0 25 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.5 0C5.59635 0 0 5.46844 0 12.2143C0 14.4536 0.61849 16.5512 1.69531 18.3554C1.9388 18.7633 2.40278 19 2.88628 19H22.1137C22.5972 19 23.0612 18.7633 23.3047 18.3554C24.3815 16.5512 25 14.4536 25 12.2143C25 5.46844 19.4036 0 12.5 0ZM12.5 2.71429C13.1385 2.71429 13.6536 3.14391 13.816 3.7173C13.7678 3.81315 13.7014 3.8967 13.6662 4.00018L13.2661 5.17368C13.0434 5.3217 12.7899 5.42857 12.5004 5.42857C11.7335 5.42857 11.1115 4.82083 11.1115 4.07143C11.1115 3.32203 11.7331 2.71429 12.5 2.71429ZM4.16667 14.9286C3.39974 14.9286 2.77778 14.3208 2.77778 13.5714C2.77778 12.822 3.39974 12.2143 4.16667 12.2143C4.93359 12.2143 5.55556 12.822 5.55556 13.5714C5.55556 14.3208 4.93359 14.9286 4.16667 14.9286ZM6.25 8.14286C5.48307 8.14286 4.86111 7.53511 4.86111 6.78571C4.86111 6.03632 5.48307 5.42857 6.25 5.42857C7.01693 5.42857 7.63889 6.03632 7.63889 6.78571C7.63889 7.53511 7.01693 8.14286 6.25 8.14286ZM16.9605 5.0719L14.2986 12.8755C14.8928 13.3734 15.2778 14.1033 15.2778 14.9286C15.2778 15.4256 15.1311 15.8849 14.8924 16.2857H10.1076C9.86892 15.8849 9.72222 15.4256 9.72222 14.9286C9.72222 13.4892 10.8724 12.3233 12.322 12.2317L14.9844 4.42768C15.1654 3.895 15.7539 3.60279 16.3021 3.78431C16.8477 3.96201 17.1419 4.53879 16.9605 5.0719ZM17.5968 7.49779L18.2704 5.52357C18.421 5.46886 18.5799 5.429 18.75 5.429C19.5169 5.429 20.1389 6.03674 20.1389 6.78614C20.1389 7.53554 19.5169 8.14328 18.75 8.14328C18.2561 8.14286 17.8433 7.87694 17.5968 7.49779ZM20.8333 14.9286C20.0664 14.9286 19.4444 14.3208 19.4444 13.5714C19.4444 12.822 20.0664 12.2143 20.8333 12.2143C21.6003 12.2143 22.2222 12.822 22.2222 13.5714C22.2222 14.3208 21.6003 14.9286 20.8333 14.9286Z" fill="#000525"/> </svg> <span class="ml-[6px] font-bold text-midnight">60 Minutes</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/recipes/chinese-chicken-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="Chinese Chicken Salad" src="https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_768xAUTO_crop_center-center_none_ns/301_0549-copy.webp" width="1620" height="911" srcset=" https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_640x360_crop_center-center_none_ns/301_0549-copy.webp 640w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_768x432_crop_center-center_none_ns/301_0549-copy.webp 768w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_1024x576_crop_center-center_none_ns/301_0549-copy.webp 1024w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_1366x768_crop_center-center_none_ns/301_0549-copy.webp 1366w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_1600x900_crop_center-center_none_ns/301_0549-copy.webp 1600w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_1920x1080_crop_center-center_none_ns/301_0549-copy.webp 1920w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_2680x1508_crop_center-center_none_ns/301_0549-copy.webp 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/the-great-american-recipe-f132f35c23b71084cd78d476c4a986ea.png" alt="The Great American Recipe Logo"> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Entree </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Chinese Chicken Salad </h3> <p class=" line-clamp-4 "> Mae Chandran's recipe celebrates California with her take on Madame Wu's legendary Chinese Chicken Salad. </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">104</span> </strong> <strong class="flex items-center ml-auto"> <svg class="svg-icon svg-fill h-4 w-auto text-midnight" width="25" height="19" viewBox="0 0 25 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.5 0C5.59635 0 0 5.46844 0 12.2143C0 14.4536 0.61849 16.5512 1.69531 18.3554C1.9388 18.7633 2.40278 19 2.88628 19H22.1137C22.5972 19 23.0612 18.7633 23.3047 18.3554C24.3815 16.5512 25 14.4536 25 12.2143C25 5.46844 19.4036 0 12.5 0ZM12.5 2.71429C13.1385 2.71429 13.6536 3.14391 13.816 3.7173C13.7678 3.81315 13.7014 3.8967 13.6662 4.00018L13.2661 5.17368C13.0434 5.3217 12.7899 5.42857 12.5004 5.42857C11.7335 5.42857 11.1115 4.82083 11.1115 4.07143C11.1115 3.32203 11.7331 2.71429 12.5 2.71429ZM4.16667 14.9286C3.39974 14.9286 2.77778 14.3208 2.77778 13.5714C2.77778 12.822 3.39974 12.2143 4.16667 12.2143C4.93359 12.2143 5.55556 12.822 5.55556 13.5714C5.55556 14.3208 4.93359 14.9286 4.16667 14.9286ZM6.25 8.14286C5.48307 8.14286 4.86111 7.53511 4.86111 6.78571C4.86111 6.03632 5.48307 5.42857 6.25 5.42857C7.01693 5.42857 7.63889 6.03632 7.63889 6.78571C7.63889 7.53511 7.01693 8.14286 6.25 8.14286ZM16.9605 5.0719L14.2986 12.8755C14.8928 13.3734 15.2778 14.1033 15.2778 14.9286C15.2778 15.4256 15.1311 15.8849 14.8924 16.2857H10.1076C9.86892 15.8849 9.72222 15.4256 9.72222 14.9286C9.72222 13.4892 10.8724 12.3233 12.322 12.2317L14.9844 4.42768C15.1654 3.895 15.7539 3.60279 16.3021 3.78431C16.8477 3.96201 17.1419 4.53879 16.9605 5.0719ZM17.5968 7.49779L18.2704 5.52357C18.421 5.46886 18.5799 5.429 18.75 5.429C19.5169 5.429 20.1389 6.03674 20.1389 6.78614C20.1389 7.53554 19.5169 8.14328 18.75 8.14328C18.2561 8.14286 17.8433 7.87694 17.5968 7.49779ZM20.8333 14.9286C20.0664 14.9286 19.4444 14.3208 19.4444 13.5714C19.4444 12.822 20.0664 12.2143 20.8333 12.2143C21.6003 12.2143 22.2222 12.822 22.2222 13.5714C22.2222 14.3208 21.6003 14.9286 20.8333 14.9286Z" fill="#000525"/> </svg> <span class="ml-[6px] font-bold text-midnight">60 Minutes</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/recipes/grits-casserole" 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/Great-American-Recipe/Season-3/304/_768xAUTO_crop_center-center_none_ns/304_0252-copy.webp" width="1620" height="911" srcset=" https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_640x360_crop_center-center_none_ns/304_0252-copy.webp 640w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_768x432_crop_center-center_none_ns/304_0252-copy.webp 768w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_1024x576_crop_center-center_none_ns/304_0252-copy.webp 1024w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_1366x768_crop_center-center_none_ns/304_0252-copy.webp 1366w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_1600x900_crop_center-center_none_ns/304_0252-copy.webp 1600w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_1920x1080_crop_center-center_none_ns/304_0252-copy.webp 1920w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/304/_2680x1508_crop_center-center_none_ns/304_0252-copy.webp 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/the-great-american-recipe-f132f35c23b71084cd78d476c4a986ea.png" alt="The Great American Recipe Logo"> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Breakfast and Brunch </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Grits Casserole </h3> <p class=" line-clamp-4 "> This recipe from Tim Harris brings all your favorite southern breakfast items together in one delicious bite. </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">68</span> </strong> <strong class="flex items-center ml-auto"> <svg class="svg-icon svg-fill h-4 w-auto text-midnight" width="25" height="19" viewBox="0 0 25 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.5 0C5.59635 0 0 5.46844 0 12.2143C0 14.4536 0.61849 16.5512 1.69531 18.3554C1.9388 18.7633 2.40278 19 2.88628 19H22.1137C22.5972 19 23.0612 18.7633 23.3047 18.3554C24.3815 16.5512 25 14.4536 25 12.2143C25 5.46844 19.4036 0 12.5 0ZM12.5 2.71429C13.1385 2.71429 13.6536 3.14391 13.816 3.7173C13.7678 3.81315 13.7014 3.8967 13.6662 4.00018L13.2661 5.17368C13.0434 5.3217 12.7899 5.42857 12.5004 5.42857C11.7335 5.42857 11.1115 4.82083 11.1115 4.07143C11.1115 3.32203 11.7331 2.71429 12.5 2.71429ZM4.16667 14.9286C3.39974 14.9286 2.77778 14.3208 2.77778 13.5714C2.77778 12.822 3.39974 12.2143 4.16667 12.2143C4.93359 12.2143 5.55556 12.822 5.55556 13.5714C5.55556 14.3208 4.93359 14.9286 4.16667 14.9286ZM6.25 8.14286C5.48307 8.14286 4.86111 7.53511 4.86111 6.78571C4.86111 6.03632 5.48307 5.42857 6.25 5.42857C7.01693 5.42857 7.63889 6.03632 7.63889 6.78571C7.63889 7.53511 7.01693 8.14286 6.25 8.14286ZM16.9605 5.0719L14.2986 12.8755C14.8928 13.3734 15.2778 14.1033 15.2778 14.9286C15.2778 15.4256 15.1311 15.8849 14.8924 16.2857H10.1076C9.86892 15.8849 9.72222 15.4256 9.72222 14.9286C9.72222 13.4892 10.8724 12.3233 12.322 12.2317L14.9844 4.42768C15.1654 3.895 15.7539 3.60279 16.3021 3.78431C16.8477 3.96201 17.1419 4.53879 16.9605 5.0719ZM17.5968 7.49779L18.2704 5.52357C18.421 5.46886 18.5799 5.429 18.75 5.429C19.5169 5.429 20.1389 6.03674 20.1389 6.78614C20.1389 7.53554 19.5169 8.14328 18.75 8.14328C18.2561 8.14286 17.8433 7.87694 17.5968 7.49779ZM20.8333 14.9286C20.0664 14.9286 19.4444 14.3208 19.4444 13.5714C19.4444 12.822 20.0664 12.2143 20.8333 12.2143C21.6003 12.2143 22.2222 12.822 22.2222 13.5714C22.2222 14.3208 21.6003 14.9286 20.8333 14.9286Z" fill="#000525"/> </svg> <span class="ml-[6px] font-bold text-midnight">60 Minutes</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/recipes/sicilian-eggplant-parmigiana" 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="Sicilian Eggplant Parmigiana" src="https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_768xAUTO_crop_center-center_none_ns/301_0351-copy.webp" width="1620" height="911" srcset=" https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_640x360_crop_center-center_none_ns/301_0351-copy.webp 640w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_768x432_crop_center-center_none_ns/301_0351-copy.webp 768w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_1024x576_crop_center-center_none_ns/301_0351-copy.webp 1024w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_1366x768_crop_center-center_none_ns/301_0351-copy.webp 1366w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_1600x900_crop_center-center_none_ns/301_0351-copy.webp 1600w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_1920x1080_crop_center-center_none_ns/301_0351-copy.webp 1920w, https://dmlxzvnzyohme.cloudfront.net/Great-American-Recipe/Season-3/301/_2680x1508_crop_center-center_none_ns/301_0351-copy.webp 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/the-great-american-recipe-f132f35c23b71084cd78d476c4a986ea.png" alt="The Great American Recipe Logo"> </div> <div class=" flex-1 flex flex-col pt-3 pb-4 px-4 "> <span class=" tag absolute top-4 left-4 "> Entree </span> <h3 class=" t-h4 !font-medium mb-2 line-clamp-2 "> Sicilian Eggplant Parmigiana </h3> <p class=" line-clamp-4 "> Marcella DiChiara's traditional Sicilian Eggplant Parmigiana is bursting with fresh flavors from the Mediterranean. </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">67</span> </strong> <strong class="flex items-center ml-auto"> <svg class="svg-icon svg-fill h-4 w-auto text-midnight" width="25" height="19" viewBox="0 0 25 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.5 0C5.59635 0 0 5.46844 0 12.2143C0 14.4536 0.61849 16.5512 1.69531 18.3554C1.9388 18.7633 2.40278 19 2.88628 19H22.1137C22.5972 19 23.0612 18.7633 23.3047 18.3554C24.3815 16.5512 25 14.4536 25 12.2143C25 5.46844 19.4036 0 12.5 0ZM12.5 2.71429C13.1385 2.71429 13.6536 3.14391 13.816 3.7173C13.7678 3.81315 13.7014 3.8967 13.6662 4.00018L13.2661 5.17368C13.0434 5.3217 12.7899 5.42857 12.5004 5.42857C11.7335 5.42857 11.1115 4.82083 11.1115 4.07143C11.1115 3.32203 11.7331 2.71429 12.5 2.71429ZM4.16667 14.9286C3.39974 14.9286 2.77778 14.3208 2.77778 13.5714C2.77778 12.822 3.39974 12.2143 4.16667 12.2143C4.93359 12.2143 5.55556 12.822 5.55556 13.5714C5.55556 14.3208 4.93359 14.9286 4.16667 14.9286ZM6.25 8.14286C5.48307 8.14286 4.86111 7.53511 4.86111 6.78571C4.86111 6.03632 5.48307 5.42857 6.25 5.42857C7.01693 5.42857 7.63889 6.03632 7.63889 6.78571C7.63889 7.53511 7.01693 8.14286 6.25 8.14286ZM16.9605 5.0719L14.2986 12.8755C14.8928 13.3734 15.2778 14.1033 15.2778 14.9286C15.2778 15.4256 15.1311 15.8849 14.8924 16.2857H10.1076C9.86892 15.8849 9.72222 15.4256 9.72222 14.9286C9.72222 13.4892 10.8724 12.3233 12.322 12.2317L14.9844 4.42768C15.1654 3.895 15.7539 3.60279 16.3021 3.78431C16.8477 3.96201 17.1419 4.53879 16.9605 5.0719ZM17.5968 7.49779L18.2704 5.52357C18.421 5.46886 18.5799 5.429 18.75 5.429C19.5169 5.429 20.1389 6.03674 20.1389 6.78614C20.1389 7.53554 19.5169 8.14328 18.75 8.14328C18.2561 8.14286 17.8433 7.87694 17.5968 7.49779ZM20.8333 14.9286C20.0664 14.9286 19.4444 14.3208 19.4444 13.5714C19.4444 12.822 20.0664 12.2143 20.8333 12.2143C21.6003 12.2143 22.2222 12.822 22.2222 13.5714C22.2222 14.3208 21.6003 14.9286 20.8333 14.9286Z" fill="#000525"/> </svg> <span class="ml-[6px] font-bold text-midnight">60 Minutes</span> </strong> </div> </div> </a> </li> </ul> </div> </div> <footer class="container mt-6 text-center"> <a href="https://www.pbs.org/food/recipes" class="btn"> Browse All Recipes </a> </footer> </section> <section class="container overflow-hidden"> <header class=" mb-6 text-center"> <div class="px-4"> <h2 class="t-h3 text-navy-blue">Chefs and Hosts</h2> <p class="max-w-xl mt-3 font-medium mx-auto"> Meet the culinary stars </p> </div> </header> <div class="js-content-card-carousel content-card-carousel splide" data-splide={"breakpoints":{"768":{"destroy":true}}}> <div class="splide__track !overflow-visible"> <ul class="splide__list !overflow-visible md:!flex md:justify-center md:gap-8"> <article class="splide__slide block w-[max(33vw,120px)] md:w-auto md:flex-1 md:max-w-[200px] py-6"> <a class="block text-center group" href="https://www.pbs.org/food/chefs/julia-child"> <img class="w-full rounded-full mb-6 transition group-hover:scale-110 group-focus:scale-110" src="https://dmlxzvnzyohme.cloudfront.net/2011/08/_400x400_crop_center-center_none_ns/Julia-Child.jpg" alt="Photo of Julia Child"> <h4 class="t-h5">Julia Child</h4> </a> </article> <article class="splide__slide block w-[max(33vw,120px)] md:w-auto md:flex-1 md:max-w-[200px] py-6"> <a class="block text-center group" href="https://www.pbs.org/food/chefs/lidia-bastianich"> <img class="w-full rounded-full mb-6 transition group-hover:scale-110 group-focus:scale-110" src="https://dmlxzvnzyohme.cloudfront.net/_400x400_crop_center-center_none_ns/DSC_0228-brightened-small.jpg" alt="Photo of Lidia Bastianich"> <h4 class="t-h5">Lidia Bastianich</h4> </a> </article> <article class="splide__slide block w-[max(33vw,120px)] md:w-auto md:flex-1 md:max-w-[200px] py-6"> <a class="block text-center group" href="https://www.pbs.org/food/chefs/marcus-samuelsson"> <img class="w-full rounded-full mb-6 transition group-hover:scale-110 group-focus:scale-110" src="https://dmlxzvnzyohme.cloudfront.net/2018/06/_400x400_crop_center-center_none_ns/Marcus-Samuelsson.png" alt="Photo of Marcus Samuelsson"> <h4 class="t-h5">Marcus Samuelsson</h4> </a> </article> <article class="splide__slide block w-[max(33vw,120px)] md:w-auto md:flex-1 md:max-w-[200px] py-6"> <a class="block text-center group" href="https://www.pbs.org/food/chefs/mary-berry"> <img class="w-full rounded-full mb-6 transition group-hover:scale-110 group-focus:scale-110" src="https://dmlxzvnzyohme.cloudfront.net/2014/12/_400x400_crop_center-center_none_ns/Great-British-Baking-Show-Mary-290.png" alt="Photo of Mary Berry"> <h4 class="t-h5">Mary Berry</h4> </a> </article> </ul> </div> </div> <footer class="container mt-6 text-center"> <a class="btn" href="https://www.pbs.org/food/chefs">Explore All</a> </footer> </section> <section class="container overflow-hidden"> <header class=" mb-6 text-center"> <div class="px-4"> <h2 class=" t-h4 text-navy-blue md:t-h3 "> <a href="https://www.pbs.org/food/stories" class="group inline-flex items-center hocus:text-medium-blue"> Stories & Blogs </a> </h2> <p class="max-w-xl mt-3 font-medium mx-auto"> Explore popular blogs, expert tips and food history </p> </div> </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">10</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/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/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> </ul> </div> </div> <footer class="container mt-6 text-center"> <a href="https://www.pbs.org/food/stories" class="btn"> Explore More </a> </footer> </section> <section class="container overflow-hidden"> <header class=" mb-6 text-center"> <div class="px-4"> <h2 class=" t-h4 text-navy-blue md:t-h3 "> Food Shows for You </h2> <p class="max-w-xl mt-3 font-medium mx-auto"> Videos & Recipes from your favorite PBS food shows. </p> </div> </header> <div class="js-content-card-carousel content-card-carousel splide"> <div class="splide__track !overflow-visible"> <ul class="splide__list !overflow-visible"> <article class="splide__slide block w-[clamp(100px,33vw,190px)] py-6"> <a href="https://www.pbs.org/food/shows/lidia-celebrates-america" class="block transition hocus:scale-110"> <img class="w-full" src="https://dmlxzvnzyohme.cloudfront.net/_410x614_crop_center-center_none_ns/lidia-celebrates-america-c44607f6873c0c03b3c71dac281a6033.jpg" alt="Poster for Lidia Celebrates America"> <h3 class="sr-only"> Lidia Celebrates America </h3> </a></article> <article class="splide__slide block w-[clamp(100px,33vw,190px)] py-6"> <a href="https://www.pbs.org/food/shows/the-great-american-recipe" class="block transition hocus:scale-110"> <img class="w-full" src="https://dmlxzvnzyohme.cloudfront.net/_410x614_crop_center-center_none_ns/the-great-american-recipe-29eeb3002b07dc3662766385708ff161.jpg" alt="Poster for The Great American Recipe"> <h3 class="sr-only"> The Great American Recipe </h3> </a></article> <article class="splide__slide block w-[clamp(100px,33vw,190px)] py-6"> <a href="https://www.pbs.org/food/shows/pan-pals" class="block transition hocus:scale-110"> <img class="w-full" src="https://dmlxzvnzyohme.cloudfront.net/_410x614_crop_center-center_none_ns/pan-pals-5fa690799123a1104b9086af96f93815.png" alt="Poster for Pan Pals"> <h3 class="sr-only"> Pan Pals </h3> </a></article> <article class="splide__slide block w-[clamp(100px,33vw,190px)] py-6"> <a href="https://www.pbs.org/food/shows/mary-berrys-highland-christmas" class="block transition hocus:scale-110"> <img class="w-full" src="https://dmlxzvnzyohme.cloudfront.net/_410x614_crop_center-center_none_ns/mary-berrys-highland-christmas-18561332ba9ac3f4c6f52937af82bdcc.jpg" alt="Poster for Mary Berry's Highland Christmas"> <h3 class="sr-only"> Mary Berry's Highland Christmas </h3> </a></article> <article class="splide__slide block w-[clamp(100px,33vw,190px)] py-6"> <a href="https://www.pbs.org/food/shows/somewhere-south" class="block transition hocus:scale-110"> <img class="w-full" src="https://dmlxzvnzyohme.cloudfront.net/_410x614_crop_center-center_none_ns/somewhere-south-bc5862acff1af783ec66c282f13b0bd7.jpg" alt="Poster for Somewhere South"> <h3 class="sr-only"> Somewhere South </h3> </a></article> <article class="splide__slide block w-[clamp(100px,33vw,190px)] py-6"> <a href="https://www.pbs.org/food/shows/mary-berrys-ultimate-christmas" class="block transition hocus:scale-110"> <img class="w-full" src="https://dmlxzvnzyohme.cloudfront.net/_410x614_crop_center-center_none_ns/mary-berrys-ultimate-christmas-89074ec7f1970dbfdcfcfb19542dfb06.jpg" alt="Poster for Mary Berry's Ultimate Christmas"> <h3 class="sr-only"> Mary Berry's Ultimate Christmas </h3> </a></article> <article class="splide__slide block w-[clamp(100px,33vw,190px)] py-6"> <a href="https://www.pbs.org/food/shows/la-frontera-with-pati-jinich" class="block transition hocus:scale-110"> <img class="w-full" src="https://dmlxzvnzyohme.cloudfront.net/_410x614_crop_center-center_none_ns/la-frontera-with-pati-jinich-88bf838b1ab7090f547c63167752aefc.jpg" alt="Poster for La Frontera with Pati Jinich"> <h3 class="sr-only"> La Frontera with Pati Jinich </h3> </a></article> <article class="splide__slide block w-[clamp(100px,33vw,190px)] py-6"> <a href="https://www.pbs.org/food/shows/no-passport-required" class="block transition hocus:scale-110"> <img class="w-full" src="https://dmlxzvnzyohme.cloudfront.net/_410x614_crop_center-center_none_ns/no-passport-required-bc89189348c9da34799f064895fd424a.jpg" alt="Poster for No Passport Required"> <h3 class="sr-only"> No Passport Required </h3> </a></article> <article class="splide__slide block w-[clamp(100px,33vw,190px)] py-6"> <a href="https://www.pbs.org/food/shows/25-years-with-lidia-a-culinary-jubilee" class="block transition hocus:scale-110"> <img class="w-full" src="https://dmlxzvnzyohme.cloudfront.net/_410x614_crop_center-center_none_ns/25-years-with-lidia-a-culinary-jubilee-058dcba486fadcd962ffaec700658541.jpg" alt="Poster for 25 Years with Lidia: A Culinary Jubilee"> <h3 class="sr-only"> 25 Years with Lidia: A Culinary Jubilee </h3> </a></article> <article class="splide__slide block w-[clamp(100px,33vw,190px)] py-6"> <a href="https://www.pbs.org/food/shows/a-chefs-life" class="block transition hocus:scale-110"> <img class="w-full" src="https://dmlxzvnzyohme.cloudfront.net/_410x614_crop_center-center_none_ns/a-chefs-life-c415c660cfc18086887bbc6720d8d084.jpg" alt="Poster for A Chef's Life"> <h3 class="sr-only"> A Chef's Life </h3> </a></article> <article class="splide__slide block w-[clamp(100px,33vw,190px)] py-6"> <a href="https://www.pbs.org/food/shows/martha-bakes" class="block transition hocus:scale-110"> <img class="w-full" src="https://dmlxzvnzyohme.cloudfront.net/_410x614_crop_center-center_none_ns/martha-bakes-a861783aa246aa12898c7166d3b257b5.jpg" alt="Poster for Martha Bakes"> <h3 class="sr-only"> Martha Bakes </h3> </a></article> </ul> </div> </div> <footer class="mt-6 text-center"> <a class="btn" href="https://www.pbs.org/food/shows">Explore Shows</a> </footer> </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-yyfgyl" 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":"f2e8cf93c870e4a9cc473a19a2b9eaea1f4c39ef88df06b5413011efe556c791component-yyfgyl","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":"e7br3SQ0F0GHGDlXk2-5KExk81IDTdiySa56Azv0O9Dckg2l0Ir7PUrCmLRSWCUWv2FpZske-m8gUJobbRSb0QPBTVYNmxbir_h595Wnlgo="}" 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 underline"> 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 "> 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-02-06T10:07:20-06:00","dateModified":"2025-03-26T14:44:14-05:00","datePublished":"2023-02-06T10:07:00-06: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":"PBS Food | Recipes, Food Shows & More | PBS","image":{"@type":"ImageObject","url":"https://dmlxzvnzyohme.cloudfront.net/2023/08/_1200x630_crop_center-center_82_none_ns/PBSFood-TGAR-S2-Salmah_Baigan-Choka-and-Dhal-360x230.jpg?mtime=1697286448"},"inLanguage":"en-us","mainEntityOfPage":"https://www.pbs.org/food/","name":"PBS Food | Recipes, Food Shows & More | PBS","publisher":{"@id":"https://www.pbs.org#creator"},"url":"https://www.pbs.org/food"},{"@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}],"name":"Breadcrumbs"}]}</script><script src="https://food-prod.console.pbs.org/cpresources/1f967182/htmx.min.js?v=1743366535"></script> <script>googletag.cmd.push(() => { googletag.display('topadslot_G8G8'); });</script></body> </html>

CINXE.COM

PBS Food | Recipes, Food Shows & More | PBS