DeCentN2MadnessandClaude Sonnet 4.6
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>
23 lines
617 B
Plaintext
23 lines
617 B
Plaintext
---
|
|
import type { EsaSection } from '../../types/home-sections';
|
|
interface Props { section: EsaSection }
|
|
const { section } = Astro.props;
|
|
---
|
|
<style>
|
|
.esa-grid { grid-template-columns: 1.5fr .5fr; }
|
|
.esa-grid img { max-height: 170px; justify-self: center; }
|
|
@media (max-width: 760px) {
|
|
.esa-grid { grid-template-columns: 1fr; }
|
|
}
|
|
</style>
|
|
|
|
<section class="section cream-section">
|
|
<div class="container feature-grid esa-grid">
|
|
<div>
|
|
<h2>{section.heading}</h2>
|
|
<p>{section.body}</p>
|
|
</div>
|
|
<img src={`/assets/images/${section.image}`} alt={section.imageAlt} />
|
|
</div>
|
|
</section>
|