fix(home): isOdd/isEven ...
+ 17
- 21
app/views/HomeView.tsx
@@ -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 }}