A few possible, small adjustments. Each one is related to KeyFeatures.jsx.
The primary theme color has changed from a green to a blue, but the images used on the landing page have not been updated.
Refactor the icons to fit on smaller screens. Currently, at least one icon looks strangely to the side when on a mobile viewport.
Several minor optimizations for Material UI. See below for specifics.
On a small viewport:
On a slightly larger viewport:
Rationale:
The images should continue to match the theme.
Minor visual improvement.
Helps maintain consistency, matching how styling is handled elsewhere.
Proposed Changes:
Replace the images with versions that match the theme.
Could possibly make them conditionally render as a column rather than a row. Or by adjusting the titles themselves.
Line 40 in KeyFeatures.jsx can be refactored from using <strong> to simply adding fontWeight in the Typography sx. Additionally, in Material UI components marginBottom can be simplified as mb (lines 27 and 48).
Describe the Current Behavior/Feature:
A few possible, small adjustments. Each one is related to
KeyFeatures.jsx
.On a small viewport:
On a slightly larger viewport:
Rationale:
Proposed Changes:
KeyFeatures.jsx
can be refactored from using<strong>
to simply addingfontWeight
in the Typographysx
. Additionally, in Material UI componentsmarginBottom
can be simplified asmb
(lines 27 and 48).