fix(home): isOdd/isEven ...@@ -243,6 +243,20 @@ const HomeView: ReactView<HomeViewProps> = (props) => {
.is-odd {
flex-direction: row;
}
+ .feature-title {
+ font-size: 48px;
+ margin: 0;
+ }
+ .feature-desc {
+ color: #777777;
+ line-height: 1.4;
+ font-weight: normal;
+ }
+ .feature-image {
+ width: 100%;
+ height: auto;
+ border-radius: 24px;
+ }
@media (max-width: ${breakpoints.sm}) {
.feature-section {
flex-direction: column;
@@ -268,30 +282,12 @@ const HomeView: ReactView<HomeViewProps> = (props) => {
<img
src={imageSrc}
alt={`${f.title} illustration`}
- style={{
- width: "100%",
- height: "auto",
- borderRadius: 24,
- }}
+ className="feature-image"
/>
</div>
<div style={{ flex: 1, minWidth: 260 }}>
- <h1
- className="feature-title"
- style={{ margin: 0, fontSize: 48 }}
- >
- {f.title}
- </h1>
- <h3
- className="feature-desc"
- style={{
- color: "#777777",
- lineHeight: 1.4,
- fontWeight: "normal",
- }}
- >
- {genDesc}
- </h3>
+ <h1 className="feature-title">{f.title}</h1>
+ <h3 className="feature-desc">{genDesc}</h3>
<div
className="cta"
style={{ display: "flex", gap: 8, marginTop: 16 }}