@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Quicksand:wght@400;500;600;700&family=Merriweather:wght@400;700&display=swap'); :root { --primary: #FF6B6B; --primary-dark: #E85555; --secondary: #4ECDC4; --accent: #FFE66D; --purple: #A78BFA; --blue: #7DD3FC; --orange: #FB923C; --green: #6EE7B7; --dark: #2D3436; --gray: #636E72; --light: #F8F9FA; --white: #FFFFFF; --gradient-warm: linear-gradient(135deg, #FF6B6B 0%, #FF8E9E 50%, #FFE66D 100%); --gradient-cool: linear-gradient(135deg, #4ECDC4 0%, #7DD3FC 100%); --shadow-sm: 0 2px 10px rgba(0,0,0,0.08); --shadow-md: 0 8px 30px rgba(0,0,0,0.12); --shadow-lg: 0 20px 60px rgba(0,0,0,0.15); --shadow-color: 0 8px 30px rgba(255,107,107,0.3); --text-body: #3A3F42; --bg-cream: #FFFBF5; --bg-mint: #F0FFF4; --bg-lavender: #FAF5FF; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Quicksand', 'Nunito', sans-serif; color: var(--text-body); overflow-x: hidden; background: var(--white); } /* ===== NAVBAR ===== */ .navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 15px 0; transition: all 0.4s ease; background: transparent; } .navbar.scrolled { background: rgba(255,255,255,0.97); backdrop-filter: blur(20px); box-shadow: var(--shadow-sm); padding: 10px 0; } .nav-container { max-width: 1280px; margin: 0 auto; padding: 0 30px; display: flex; justify-content: space-between; align-items: center; } .logo { display: flex; align-items: center; gap: 10px; text-decoration: none; } .logo-icon { width: 48px; height: 48px; background: var(--gradient-warm); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 24px; box-shadow: var(--shadow-color); } .logo-text { font-family: 'Nunito', sans-serif; font-size: 26px; font-weight: 900; background: var(--gradient-warm); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .nav-links { display: flex; list-style: none; gap: 8px; align-items: center; } .nav-links a { text-decoration: none; color: var(--dark); font-weight: 600; font-size: 15px; padding: 10px 18px; border-radius: 12px; transition: all 0.3s ease; } .navbar:not(.scrolled) .nav-links a { color: var(--white); } .nav-links a:hover { color: var(--primary); background: rgba(255,107,107,0.08); } .nav-cta { background: var(--gradient-warm) !important; color: var(--white) !important; -webkit-text-fill-color: var(--white) !important; padding: 12px 28px !important; border-radius: 50px !important; box-shadow: var(--shadow-color); font-weight: 700 !important; } .nav-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 35px rgba(255,107,107,0.4) !important; } .mobile-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 5px; background: none; border: none; } .mobile-toggle span { width: 28px; height: 3px; background: var(--dark); border-radius: 3px; transition: all 0.3s ease; } .navbar:not(.scrolled) .mobile-toggle span { background: var(--white); } /* ===== ARTICLE HERO ===== */ .article-hero { background: linear-gradient(160deg, #FF6B6B 0%, #FF8E9E 30%, #FFB347 60%, #FFE66D 100%); padding: 160px 0 80px; position: relative; overflow: hidden; } .article-hero::before { content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .hero-floating { position: absolute; font-size: 60px; opacity: 0.15; animation: floatEmoji 8s ease-in-out infinite; } .hero-floating:nth-child(1) { top: 15%; left: 5%; animation-delay: 0s; } .hero-floating:nth-child(2) { top: 60%; left: 8%; animation-delay: -2s; } .hero-floating:nth-child(3) { top: 30%; right: 5%; animation-delay: -4s; } .hero-floating:nth-child(4) { top: 70%; right: 10%; animation-delay: -6s; } .hero-floating:nth-child(5) { top: 10%; right: 15%; animation-delay: -3s; } @keyframes floatEmoji { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-20px) rotate(10deg); } } .hero-container { max-width: 900px; margin: 0 auto; padding: 0 30px; position: relative; z-index: 2; text-align: center; } .article-breadcrumb { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 24px; font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.8); } .article-breadcrumb a { color: rgba(255,255,255,0.8); text-decoration: none; transition: color 0.3s ease; } .article-breadcrumb a:hover { color: var(--white); } .article-breadcrumb .sep { font-size: 12px; } .article-breadcrumb .current { color: var(--white); font-weight: 700; } .article-category { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; background: rgba(255,255,255,0.2); backdrop-filter: blur(10px); border-radius: 50px; color: var(--white); font-weight: 700; font-size: 14px; margin-bottom: 24px; border: 1px solid rgba(255,255,255,0.3); } .article-hero h1 { font-family: 'Nunito', sans-serif; font-size: 52px; font-weight: 900; color: var(--white); line-height: 1.15; margin-bottom: 20px; text-shadow: 0 4px 30px rgba(0,0,0,0.1); } .article-hero .subtitle { font-size: 20px; color: rgba(255,255,255,0.92); line-height: 1.7; max-width: 650px; margin: 0 auto 30px; font-weight: 500; } .article-meta { display: flex; align-items: center; justify-content: center; gap: 30px; flex-wrap: wrap; } .meta-item { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,0.9); font-size: 15px; font-weight: 600; } .meta-item .icon { font-size: 18px; } .hero-wave { position: absolute; bottom: -2px; left: 0; right: 0; z-index: 3; } .hero-wave svg { display: block; width: 100%; height: auto; } /* ===== MAIN LAYOUT ===== */ .content-layout { max-width: 1280px; margin: 0 auto; padding: 60px 30px; display: grid; grid-template-columns: 1fr 340px; gap: 60px; } /* ===== ARTICLE CONTENT ===== */ .article-content { min-width: 0; } .article-content h2 { font-family: 'Nunito', sans-serif; font-size: 34px; font-weight: 900; color: var(--dark); margin: 50px 0 20px; padding-top: 20px; line-height: 1.3; } .article-content h2:first-child { margin-top: 0; padding-top: 0; } .article-content h3 { font-family: 'Nunito', sans-serif; font-size: 24px; font-weight: 800; color: var(--dark); margin: 36px 0 14px; line-height: 1.3; } .article-content p { font-size: 17px; line-height: 1.85; color: var(--text-body); margin-bottom: 20px; font-family: 'Merriweather', 'Quicksand', serif; font-weight: 400; } .article-content ul, .article-content ol { padding-left: 24px; margin-bottom: 24px; } .article-content li { font-size: 16px; line-height: 1.8; color: var(--text-body); margin-bottom: 10px; font-family: 'Merriweather', serif; } .article-content li::marker { color: var(--primary); } /* Info boxes */ .info-box { border-radius: 20px; padding: 30px; margin: 30px 0; position: relative; overflow: hidden; } .info-box.tip { background: linear-gradient(135deg, #F0FFF4 0%, #E6FFFA 100%); border-left: 5px solid var(--green); } .info-box.warning { background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%); border-left: 5px solid var(--orange); } .info-box.important { background: linear-gradient(135deg, #FFF5F5 0%, #FED7D7 100%); border-left: 5px solid var(--primary); } .info-box.expert { background: linear-gradient(135deg, #FAF5FF 0%, #E9D5FF 100%); border-left: 5px solid var(--purple); } .info-box-header { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .info-box-icon { font-size: 28px; } .info-box-title { font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: 800; color: var(--dark); } .info-box p { font-family: 'Quicksand', sans-serif; font-size: 16px; line-height: 1.7; color: var(--text-body); margin-bottom: 0; } /* Nutrition table */ .nutrition-table-wrapper { overflow-x: auto; margin: 30px 0; border-radius: 20px; box-shadow: var(--shadow-sm); } .nutrition-table { width: 100%; border-collapse: collapse; font-size: 15px; } .nutrition-table thead { background: var(--gradient-warm); } .nutrition-table th { padding: 16px 20px; text-align: left; font-family: 'Nunito', sans-serif; font-weight: 800; color: var(--white); font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; } .nutrition-table td { padding: 14px 20px; border-bottom: 1px solid rgba(0,0,0,0.06); font-family: 'Quicksand', sans-serif; font-weight: 500; color: var(--text-body); } .nutrition-table tbody tr { background: var(--white); transition: background 0.3s ease; } .nutrition-table tbody tr:nth-child(even) { background: var(--light); } .nutrition-table tbody tr:hover { background: rgba(255,107,107,0.06); } .nutrition-table .emoji-cell { font-size: 24px; } /* Age group cards */ .age-group-section { margin: 40px 0; } .age-group-card { background: var(--white); border-radius: 24px; padding: 36px; margin-bottom: 24px; box-shadow: var(--shadow-sm); border: 1px solid rgba(0,0,0,0.04); transition: all 0.3s ease; } .age-group-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); } .age-card-header { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; } .age-emoji { font-size: 48px; } .age-card-title { font-family: 'Nunito', sans-serif; font-size: 24px; font-weight: 900; color: var(--dark); } .age-card-subtitle { font-size: 15px; color: var(--gray); font-weight: 600; } .age-card-body p { font-family: 'Quicksand', sans-serif; font-size: 16px; line-height: 1.7; margin-bottom: 16px; } .food-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 20px 0; } .food-item { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: var(--light); border-radius: 14px; font-size: 14px; font-weight: 600; transition: all 0.3s ease; } .food-item:hover { background: rgba(255,107,107,0.08); transform: translateX(4px); } .food-item .f-emoji { font-size: 20px; } /* Recipe cards */ .recipe-card { background: var(--white); border-radius: 24px; overflow: hidden; margin: 24px 0; box-shadow: var(--shadow-sm); border: 1px solid rgba(0,0,0,0.04); transition: all 0.3s ease; } .recipe-card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); } .recipe-image { height: 200px; display: flex; align-items: center; justify-content: center; font-size: 80px; position: relative; } .recipe-image.bg-1 { background: linear-gradient(135deg, #FFE5E5, #FFF0F0); } .recipe-image.bg-2 { background: linear-gradient(135deg, #E5FFF5, #F0FFF4); } .recipe-image.bg-3 { background: linear-gradient(135deg, #E5F0FF, #F0F7FF); } .recipe-image.bg-4 { background: linear-gradient(135deg, #FFF5E5, #FFFBF0); } .recipe-badge { position: absolute; top: 16px; right: 16px; padding: 6px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; color: var(--white); } .recipe-badge.easy { background: var(--green); } .recipe-badge.medium { background: var(--orange); } .recipe-badge.quick { background: var(--purple); } .recipe-body { padding: 28px; } .recipe-body h4 { font-family: 'Nunito', sans-serif; font-size: 22px; font-weight: 800; color: var(--dark); margin-bottom: 10px; } .recipe-meta { display: flex; gap: 20px; margin-bottom: 16px; font-size: 14px; color: var(--gray); font-weight: 600; } .recipe-meta span { display: flex; align-items: center; gap: 6px; } .recipe-body p { font-family: 'Quicksand', sans-serif; font-size: 15px; line-height: 1.7; color: var(--text-body); margin-bottom: 16px; } .recipe-tags { display: flex; gap: 8px; flex-wrap: wrap; } .recipe-tag { padding: 4px 12px; background: var(--light); border-radius: 50px; font-size: 13px; font-weight: 600; color: var(--gray); } /* Checklist */ .checklist { background: var(--light); border-radius: 20px; padding: 28px; margin: 30px 0; } .checklist h4 { font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: 800; margin-bottom: 16px; color: var(--dark); } .checklist-item { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; font-size: 15px; font-weight: 500; color: var(--text-body); cursor: pointer; transition: all 0.3s ease; } .checklist-item:hover { color: var(--primary); } .checklist-item .cb { width: 24px; height: 24px; border-radius: 8px; border: 2px solid var(--gray); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; margin-top: 2px; } .checklist-item.checked .cb { background: var(--green); border-color: var(--green); color: var(--white); } .checklist-item.checked { text-decoration: line-through; color: var(--gray); } /* ===== SIDEBAR ===== */ .sidebar { position: relative; } .sidebar-sticky { position: sticky; top: 100px; } .sidebar-widget { background: var(--white); border-radius: 20px; padding: 28px; margin-bottom: 24px; box-shadow: var(--shadow-sm); border: 1px solid rgba(0,0,0,0.04); } .sidebar-widget h3 { font-family: 'Nunito', sans-serif; font-size: 18px; font-weight: 800; color: var(--dark); margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } /* Table of Contents */ .toc-list { list-style: none; } .toc-list li { margin-bottom: 6px; } .toc-list a { display: block; padding: 10px 16px; color: var(--text-body); text-decoration: none; font-size: 14px; font-weight: 600; border-radius: 12px; transition: all 0.3s ease; border-left: 3px solid transparent; } .toc-list a:hover { background: rgba(255,107,107,0.06); color: var(--primary); border-left-color: var(--primary); } .toc-list a.active { background: rgba(255,107,107,0.08); color: var(--primary); border-left-color: var(--primary); font-weight: 700; } .toc-list .sub a { padding-left: 32px; font-size: 13px; } /* Newsletter widget */ .newsletter-widget { background: var(--gradient-warm) !important; color: var(--white); border: none !important; } .newsletter-widget h3 { color: var(--white) !important; } .newsletter-widget p { font-size: 14px; line-height: 1.6; margin-bottom: 20px; opacity: 0.9; } .newsletter-form input { width: 100%; padding: 14px 18px; border-radius: 14px; border: 2px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.2); font-size: 15px; font-family: 'Quicksand', sans-serif; font-weight: 600; color: var(--white); outline: none; margin-bottom: 12px; transition: all 0.3s ease; } .newsletter-form input::placeholder { color: rgba(255,255,255,0.7); } .newsletter-form input:focus { border-color: var(--white); background: rgba(255,255,255,0.3); } .newsletter-form button { width: 100%; padding: 14px; border-radius: 14px; border: none; background: var(--white); color: var(--primary); font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 800; cursor: pointer; transition: all 0.3s ease; } .newsletter-form button:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); } /* Related articles */ .related-item { display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid rgba(0,0,0,0.06); text-decoration: none; transition: all 0.3s ease; } .related-item:last-child { border-bottom: none; } .related-item:hover { transform: translateX(4px); } .related-thumb { width: 60px; height: 60px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; } .related-thumb.r1 { background: rgba(255,107,107,0.12); } .related-thumb.r2 { background: rgba(78,205,196,0.12); } .related-thumb.r3 { background: rgba(167,139,250,0.12); } .related-thumb.r4 { background: rgba(251,146,60,0.12); } .related-info h4 { font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; color: var(--dark); margin-bottom: 4px; line-height: 1.4; } .related-info span { font-size: 13px; color: var(--gray); } /* Progress bar */ .progress-bar { position: fixed; top: 0; left: 0; height: 4px; background: var(--gradient-warm); z-index: 9999; transition: width 0.1s ease; } /* ===== RELATED ARTICLES SECTION ===== */ .related-section { padding: 80px 0; background: var(--light); } .related-section .section-header { text-align: center; max-width: 700px; margin: 0 auto 50px; } .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1280px; margin: 0 auto; padding: 0 30px; } .related-article-card { background: var(--white); border-radius: 24px; overflow: hidden; text-decoration: none; transition: all 0.4s ease; border: 1px solid rgba(0,0,0,0.04); } .related-article-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); } .related-article-img { height: 180px; display: flex; align-items: center; justify-content: center; font-size: 70px; } .related-article-img.ra1 { background: linear-gradient(135deg, #FFE5E5, #FFF0F0); } .related-article-img.ra2 { background: linear-gradient(135deg, #E5FFF5, #F0FFF4); } .related-article-img.ra3 { background: linear-gradient(135deg, #E5F0FF, #F0F7FF); } .related-article-body { padding: 24px; } .related-article-body .tag { display: inline-block; padding: 4px 12px; background: rgba(255,107,107,0.1); color: var(--primary); border-radius: 50px; font-size: 12px; font-weight: 700; margin-bottom: 12px; } .related-article-body h3 { font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: 800; color: var(--dark); margin-bottom: 10px; line-height: 1.3; } .related-article-body p { font-size: 15px; color: var(--gray); line-height: 1.6; margin-bottom: 16px; } .read-more { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); font-weight: 700; font-size: 15px; transition: gap 0.3s ease; } .related-article-card:hover .read-more { gap: 14px; } /* ===== NEWSLETTER BANNER ===== */ .newsletter-banner { background: linear-gradient(160deg, #FF6B6B 0%, #FF8E9E 30%, #FFB347 60%, #FFE66D 100%); padding: 80px 0; position: relative; overflow: hidden; } .newsletter-banner::before { content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .newsletter-banner-container { max-width: 700px; margin: 0 auto; padding: 0 30px; text-align: center; position: relative; z-index: 2; } .newsletter-banner h2 { font-family: 'Nunito', sans-serif; font-size: 38px; font-weight: 900; color: var(--white); margin-bottom: 14px; } .newsletter-banner p { font-size: 18px; color: rgba(255,255,255,0.9); margin-bottom: 30px; line-height: 1.7; } .newsletter-banner-form { display: flex; gap: 12px; max-width: 500px; margin: 0 auto; } .newsletter-banner-form input { flex: 1; padding: 16px 22px; border-radius: 50px; border: 2px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.2); font-size: 16px; font-family: 'Quicksand', sans-serif; font-weight: 600; color: var(--white); outline: none; } .newsletter-banner-form input::placeholder { color: rgba(255,255,255,0.7); } .newsletter-banner-form button { padding: 16px 32px; border-radius: 50px; border: none; background: var(--white); color: var(--primary); font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 800; cursor: pointer; white-space: nowrap; transition: all 0.3s ease; } .newsletter-banner-form button:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); } /* ===== FOOTER ===== */ .footer { background: var(--dark); color: rgba(255,255,255,0.7); padding: 80px 0 0; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 50px; max-width: 1280px; margin: 0 auto; padding: 0 30px; } .footer-brand .logo-text { font-family: 'Nunito', sans-serif; font-size: 28px; font-weight: 900; background: var(--gradient-warm); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 16px; display: block; } .footer-brand p { font-size: 16px; line-height: 1.7; margin-bottom: 24px; } .footer-social { display: flex; gap: 12px; } .footer-social a { width: 44px; height: 44px; border-radius: 12px; background: rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 20px; transition: all 0.3s ease; } .footer-social a:hover { background: var(--primary); transform: translateY(-3px); } .footer-column h4 { font-family: 'Nunito', sans-serif; font-size: 18px; font-weight: 800; color: var(--white); margin-bottom: 24px; } .footer-column ul { list-style: none; } .footer-column ul li { margin-bottom: 12px; } .footer-column ul a { color: rgba(255,255,255,0.6); text-decoration: none; font-size: 15px; font-weight: 500; transition: all 0.3s ease; } .footer-column ul a:hover { color: var(--white); padding-left: 6px; } .footer-bottom { border-top: 1px solid rgba(255,255,255,0.08); padding: 24px 30px; max-width: 1280px; margin: 40px auto 0; display: flex; justify-content: space-between; align-items: center; font-size: 14px; } .footer-bottom a { color: rgba(255,255,255,0.5); text-decoration: none; transition: color 0.3s ease; } .footer-bottom a:hover { color: var(--white); } /* ===== SCROLL TOP ===== */ .scroll-top { position: fixed; bottom: 30px; right: 30px; width: 52px; height: 52px; border-radius: 50%; background: var(--gradient-warm); color: var(--white); border: none; cursor: pointer; font-size: 22px; display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-color); z-index: 999; opacity: 0; transform: translateY(20px); transition: all 0.3s ease; } .scroll-top.visible { opacity: 1; transform: translateY(0); } .scroll-top:hover { transform: translateY(-4px); } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .content-layout { grid-template-columns: 1fr; } .sidebar { order: -1; } .sidebar-sticky { position: relative; top: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .article-hero h1 { font-size: 42px; } .related-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .nav-links { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--white); flex-direction: column; padding: 20px; box-shadow: var(--shadow-md); border-radius: 0 0 20px 20px; } .nav-links.active { display: flex; } .navbar:not(.scrolled) .nav-links { background: rgba(255,255,255,0.98); } .navbar:not(.scrolled) .nav-links a { color: var(--dark) !important; } .mobile-toggle { display: flex; } .article-hero h1 { font-size: 32px; } .article-hero .subtitle { font-size: 17px; } .article-content h2 { font-size: 28px; } .food-grid { grid-template-columns: repeat(2, 1fr); } .sidebar-sticky { grid-template-columns: 1fr; } .related-grid { grid-template-columns: 1fr; } .newsletter-banner h2 { font-size: 28px; } .newsletter-banner-form { flex-direction: column; } .footer-grid { grid-template-columns: 1fr; gap: 36px; } .footer-bottom { flex-direction: column; gap: 12px; text-align: center; } .nutrition-table th, .nutrition-table td { padding: 10px 14px; font-size: 13px; } } /* Print styles */ @media print { .navbar, .sidebar, .scroll-top, .progress-bar, .newsletter-banner, .related-section { display: none !important; } .content-layout { grid-template-columns: 1fr; } .article-hero { padding: 40px 0; color: var(--dark); } .article-hero h1 { color: var(--dark); } }
๐Ÿฅ‘ ๐ŸŽ ๐Ÿฅ• ๐Ÿฅฆ ๐ŸŒ
Home โ€บ Blog โ€บ Parenting Tips โ€บ Nutrition & Feeding

The Complete Nutrition & Feeding Guide for Families

Expert-backed advice on feeding your baby, nurturing healthy eaters, and building lifelong nutrition habits โ€” from first solids to family meals.

Why Nutrition Matters More Than You Think

What your child eats during their first few years doesn't just fuel their body โ€” it shapes their brain, builds their immune system, and sets the foundation for how they'll think about food for the rest of their lives. The American Academy of Pediatrics emphasizes that proper nutrition during these critical windows of development can have lasting effects on cognitive function, emotional regulation, and physical health.

But let's be honest โ€” navigating baby-led weaning, toddler food refusal, and school-lunch anxiety can feel overwhelming. This comprehensive guide breaks down everything you need to know, stage by stage, so you can approach feeding with confidence instead of stress.

โš ๏ธ Important Note

Every child develops at their own pace. While this guide follows general pediatric recommendations, always consult your pediatrician or a registered dietitian for personalized advice, especially if your child has allergies, medical conditions, or special dietary needs.

Newborn Nutrition: The First 6 Months

The first six months of life are exclusively about milk โ€” either breast milk or formula. During this period, milk provides everything your baby needs: complete protein, fats for brain development, antibodies for immune protection, and the perfect balance of vitamins and minerals.

๐Ÿผ
0โ€“6 Months
Exclusive Milk Feeding

Breast milk is the gold standard โ€” it contains live antibodies, enzymes, and nutrients that adapt to your baby's changing needs. The World Health Organization recommends exclusive breastfeeding for the first 6 months.

Formula feeding is a perfectly valid and nutritious alternative. Modern infant formulas are carefully designed to mimic the nutritional profile of breast milk as closely as possible.

Key Nutrients at This Stage

Nutrient Why It Matters Found In
๐Ÿฅ› Protein Brain & muscle development Breast milk / formula
๐Ÿง  DHA / Omega-3 Eye & brain development Breast milk (if mom eats fish)
๐Ÿ’Š Vitamin D Bone health & immunity Supplement drops (recommended)
๐Ÿ›ก๏ธ Iron Blood & brain development Formula (fortified) / breast milk

Feeding Tips for Newborns

  • Feed on demand: Newborns typically feed 8โ€“12 times per day. Watch for hunger cues like rooting, hand-sucking, and fussiness rather than waiting for crying.
  • Watch for fullness cues: Turning away, closing mouth, or slowing down means baby is satisfied. Don't force the last ounce.
  • Vitamin D supplementation: The AAP recommends 400 IU of vitamin D daily for breastfed infants starting in the first few days of life.
  • No water needed: Babies under 6 months don't need water โ€” their fluid needs are met through milk alone.

Starting Solids: 6 Months and Beyond

Around 6 months, most babies are ready to begin exploring solid foods. This milestone marks the beginning of a wonderful โ€” and sometimes messy โ€” new chapter. The key is to approach it with patience, flexibility, and a focus on exposure rather than consumption.

๐Ÿ’ก Signs Your Baby Is Ready for Solids

Look for these readiness signs: sitting with minimal support, good head control, showing interest in your food, loss of the tongue-thrust reflex, and doubling their birth weight. Most babies show these cues between 4โ€“6 months.

๐Ÿฅฃ
6โ€“12 Months
First Foods & Exploration

This is the critical window for flavor exposure. Research from the University of Michigan shows that repeated exposure (sometimes 10โ€“15 times!) to new foods increases acceptance. The goal isn't how much they eat โ€” it's building familiarity and positive associations with food.

First Foods to Introduce

Pediatricians now recommend introducing a wide variety of textures and flavors early. Here are great first foods:

๐Ÿฅ‘ Avocado
๐ŸŒ Banana
๐Ÿฅ” Sweet Potato
๐Ÿš Iron-Fortified Cereal
๐Ÿฅ• Steamed Carrots
๐Ÿซ˜ Well-Cooked Beans
๐ŸŽ Applesauce
๐Ÿฅฆ Steamed Broccoli
๐ŸŠ Orange segments

Baby-Led Weaning vs. Purees

Both approaches are valid! Here's a quick comparison:

  • Puree feeding: Start with smooth, single-ingredient purees, gradually increasing texture. Easier to control portion sizes and introduces single allergens clearly.
  • Baby-led weaning (BLW): Offer soft, graspable finger foods from the start. Promotes self-feeding skills, natural appetite regulation, and fine motor development.
  • Combined approach: Many families find a blend of both methods works best โ€” purees on some days, finger foods on others.
๐Ÿšซ Foods to Avoid Before Age 1

Honey (risk of botulism), whole nuts & seeds (choking hazard), grapes & cherry tomatoes (cut lengthwise), raw vegetables (too hard), added salt & sugar, cow's milk as a drink (use as ingredient only), and hard candies or popcorn.

Introducing Allergens Safely

Gone are the days of delaying allergen introduction. Current guidelines from the NIH and AAP recommend introducing common food allergens early and regularly โ€” ideally between 4โ€“6 months โ€” as this actually reduces the risk of developing food allergies.

๐Ÿ‘ฉโ€โš•๏ธ Expert Guidance on Allergens

The LEAP Study (Learning Early About Peanut Allergy) showed that early peanut introduction reduced peanut allergy by 81% in high-risk infants. Introduce allergens one at a time, wait 3 days between new allergens, and start with small amounts. If your child has severe eczema or existing food allergies, consult an allergist before introducing common allergens.

Common Allergens to Introduce Early

Allergen Safe Introduction Method Signs of Reaction
Peanut Thinned peanut butter or peanut puff cereal Hives, vomiting, facial swelling
EGG Well-cooked scrambled or baked egg Rash, wheezing, diarrhea
Dairy Yogurt, cheese (not milk drinks yet) Itching, hives, digestive upset
Wheat Pasta, bread, wheat-based cereal Skin reactions, bloating
Fish Well-cooked, deboned flaked fish Hives, vomiting, difficulty breathing

Toddler Nutrition: 1โ€“3 Years

Entering toddlerhood brings a dramatic shift โ€” growth slows, appetite becomes unpredictable, and the dreaded word "no" becomes a regular part of mealtimes. This is completely normal, but it can feel incredibly stressful.

๐Ÿง’
1โ€“3 Years
Building Healthy Eating Habits

A toddler's daily caloric needs are only about 1,000โ€“1,400 calories. It may seem like they barely eat, but their portion sizes should reflect this. A toddler portion is roughly 1 tablespoon per year of age for each food.

The Division of Responsibility

Ellyn Satter's research-based feeding model is the gold standard for toddler feeding:

  • Parent's job: What to eat, when to eat, and where to eat
  • Child's job: Whether to eat and how much to eat

This framework reduces mealtime power struggles and helps children trust their internal hunger and fullness cues โ€” a skill that protects against disordered eating later in life.

Nutrition Essentials for Toddlers

๐Ÿฅ› Whole Milk (16โ€“24 oz/day)
๐Ÿฅš Eggs (protein + choline)
๐Ÿฅฉ Lean Meat / Beans (iron)
๐Ÿง€ Cheese / Yogurt (calcium)
๐Ÿฅฌ Leafy Greens (folate)
๐Ÿ“ Berries (antioxidants)
๐Ÿฅ‘ Avocado (healthy fats)
๐ŸŸ Salmon (Omega-3)
๐Ÿž Whole Grains (fiber)
๐ŸŒŸ The "Safe Food" Strategy

Always include 1โ€“2 "safe" foods your toddler reliably eats alongside new or less-preferred foods. This reduces anxiety and keeps mealtime positive. Over time, as they feel safe at the table, they may naturally branch out.

Taming Picky Eating

Picky eating peaks between ages 2โ€“4 and is a normal developmental phase. Research shows that 89% of parents report picky eating behaviors. The good news? Most children outgrow it โ€” and you can absolutely help the process along.

Proven Strategies for Picky Eaters

  1. Keep offering without pressure: It can take 15โ€“20 exposures before a child accepts a new food. Keep small portions on the plate alongside familiar foods.
  2. Involve them in cooking: Children are more likely to try foods they helped prepare. Let them wash veggies, stir batter, or arrange toppings.
  3. Food chaining: If your child likes bread, try breadsticks, then pizza crust, then flatbread, then wrap โ€” gradually expanding the comfort zone.
  4. Don't become a short-order cook: Offer family meals with at least one accepted food. Avoid making separate meals โ€” this reinforces the picky pattern.
  5. Model enjoyment: Children learn by watching. Show enthusiasm for a variety of foods without drawing attention to what your child is or isn't eating.
  6. Make food fun (but not bribing): Use colorful plates, funny shapes, and creative presentations. But avoid "just eat three bites and you can have dessert" โ€” this reinforces the idea that vegetables are punishment and sweets are reward.

Preschooler Nutrition: 3โ€“5 Years

Preschoolers are typically less picky than toddlers and more curious about food. This is a great time to expand their food repertoire and introduce more complex flavors and cuisines.

๐ŸŽจ
3โ€“5 Years
Expanding Horizons & Independence

Preschoolers need about 1,200โ€“1,600 calories daily. Focus on nutrient-dense foods that support rapid brain development, growing bodies, and high activity levels.

Sample Day of Eating

Meal Example Key Nutrients
๐ŸŒ… Breakfast Oatmeal with berries & nuts Fiber, antioxidants, healthy fats
๐ŸŽ AM Snack Apple slices with peanut butter Protein, fiber, Vitamin C
โ˜€๏ธ Lunch Whole wheat wrap with chicken & veggies Protein, complex carbs, iron
๐Ÿฅ› PM Snack Yogurt with granola Calcium, probiotics, protein
๐ŸŒ™ Dinner Salmon, quinoa, roasted broccoli Omega-3, protein, Vitamin K

Family Meals: The Secret Ingredient

Research consistently shows that families who eat together regularly have children who eat more fruits and vegetables, have better academic performance, and lower rates of disordered eating. It's not about perfect meals โ€” it's about connection.

โœ… Family Meal Checklist

โœ“ Eat at least one meal together as a family 4+ times per week
โœ“ Put phones and screens away during meals
โœ“ Include at least one vegetable at every meal
โœ“ Let children help with meal preparation when possible
โœ“ Keep mealtimes positive โ€” no commenting on how much a child eats
โœ“ Introduce new foods alongside familiar favorites
โœ“ Model the eating behaviors you want to see

Quick & Healthy Family Recipes

๐Ÿฅฃ Easy

Rainbow Veggie Pasta Bake

โฑ๏ธ 30 min ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ 4 servings ๐Ÿ“Š Beginner

Whole wheat pasta mixed with hidden-but-not-really broccoli, carrots, and bell peppers in a creamy tomato sauce. Kids love the color, and you'll love the nutrition.

๐Ÿฅฆ Vegetables ๐Ÿ Pasta ๐Ÿ‘ถ Kid-Friendly ๐Ÿฅ› Vegetarian
๐Ÿฅ™ Quick

Build-Your-Own Taco Bar

โฑ๏ธ 20 min ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ 4 servings ๐Ÿ“Š Beginner

Ground turkey or black beans, warm tortillas, and a rainbow of toppings. Let everyone build their own โ€” this gives kids control while ensuring everyone gets something nutritious.

๐ŸŒฎ Mexican ๐Ÿฅฉ Protein-Rich ๐ŸŽจ Interactive
๐Ÿฅค Easy

Green Power Smoothie (That Kids Actually Drink!)

โฑ๏ธ 5 min ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ 2 servings ๐Ÿ“Š Beginner

Spinach, banana, mango, and yogurt blended until completely green-taste-free. The mango and banana mask the greens perfectly. Add a spoon of peanut butter for extra protein.

๐Ÿฅฌ Hidden Veggies ๐ŸŒ Fruit โšก Quick ๐Ÿฅ› Calcium
๐Ÿณ Medium

Mini Egg Muffin Cups

โฑ๏ธ 25 min ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ 12 cups ๐Ÿ“Š Beginner

Whisked eggs with diced ham, cheese, and spinach baked in a muffin tin. Make a batch on Sunday for grab-and-go breakfasts all week. Kids can grab one on the way out the door!

๐Ÿฅš High Protein ๐Ÿ“ฆ Meal Prep ๐ŸŽ’ On-the-Go

Smart Snack Ideas

Snacks shouldn't be an afterthought โ€” they're opportunities to pack in extra nutrients. Aim for snacks that combine at least two food groups for sustained energy.

Snack Combo Food Groups Best For
Apple + peanut butter Fruit + Protein Before school, sports practice
Cheese + whole grain crackers Dairy + Grain Afternoon slump
Hummus + veggie sticks Protein + Veggie After-school pick-me-up
Greek yogurt + berries + granola Dairy + Fruit + Grain Weekend breakfast or snack
Trail mix (nuts, dried fruit, seeds) Protein + Fruit + Fat Carpool, outdoor play

Hydration: The Overlooked Essential

Proper hydration affects everything from concentration and mood to digestion and physical performance. Yet many children consume far more sugary drinks than water.

๐Ÿ’ก Hydration Hacks for Kids

Try adding fruit slices (lemon, cucumber, berries) to water for flavor. Use fun cups or straws. Keep a reusable water bottle within reach throughout the day. Set a "water break" routine alongside snack time.

When to Talk to Your Pediatrician

While feeding challenges are normal, certain situations warrant professional guidance:

๐Ÿ‘ฉโ€โš•๏ธ When to Seek a Specialist

If feeding difficulties persist, ask your pediatrician about a referral to a registered dietitian (RD/RDN), feeding therapist, or occupational therapist who specializes in pediatric feeding. Early intervention can make a significant difference.

Final Thoughts: Trust Yourself

At the end of the day, feeding your family well doesn't mean perfect smoothies, organic-only groceries, or Instagram-worthy meal prep. It means offering nourishing foods in a warm, low-pressure environment and trusting your child to listen to their body.

Some days your child will eat like a champion. Other days, crackers and yogurt might be the extent of their intake. Both are okay. What matters most is the pattern over time, not any single meal. You've got this.

Get Weekly Parenting Tips ๐ŸŒŸ

Join 50,000+ families receiving expert advice, recipes, and milestone checklists every week. Free forever.