DeCentN2Madness
626f1b7f37
Relocates HomeHero, HomeServicesIntro, HomeBenefits, HomeSkills, HomeInsurance, HomeEsa, and HomeDirector styles from the global components.css into each component's own <style> block. Removes the now-empty 480px media query and trims the 760px media query to only global rules. Build verified at 97 pages. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
29 lines
798 B
Plaintext
29 lines
798 B
Plaintext
---
|
|
import type { BenefitsSection } from '../../types/home-sections';
|
|
import VideoCard from '../VideoCard.astro';
|
|
interface Props { section: BenefitsSection }
|
|
const { section } = Astro.props;
|
|
---
|
|
<style>
|
|
.benefit-grid { grid-template-columns: 1.1fr .9fr; }
|
|
@media (max-width: 760px) {
|
|
.benefit-grid { grid-template-columns: 1fr; }
|
|
}
|
|
</style>
|
|
|
|
<section class="section cream-section">
|
|
<div class="container feature-grid benefit-grid">
|
|
<div>
|
|
<h2>{section.heading}</h2>
|
|
<h3>{section.subheading}</h3>
|
|
<ul class="source-list">{section.items.map((item) => <li>{item}</li>)}</ul>
|
|
</div>
|
|
<VideoCard
|
|
image={section.videoImage}
|
|
alt={section.videoImageAlt}
|
|
videoUrl={section.videoUrl}
|
|
videoTitle={section.videoTitle}
|
|
/>
|
|
</div>
|
|
</section>
|