Created a MediaCard component that is being used for the three images/texts for Pressure, Street, and Self-image.
I moved the information in those three into a object, that we pass down as props to the MediaCard
If we want the image on the right and the text on the left we'll add isReverseOrder={true} to the component, and if we don't add it to the component it will default to image on the left and text on the right.
We may want to moved the const MEDIA_CARDS object into it's own folder.
Note: Doesn't matter but for viewing changes, this is merging into feature/hero-update. We'll want to merge feature/hero-update into dev first then rebase this PR from feature/hero-update to dev.
Changes
MediaCardcomponent that is being used for the three images/texts for Pressure, Street, and Self-image.MediaCardisReverseOrder={true}to the component, and if we don't add it to the component it will default to image on the left and text on the right.const MEDIA_CARDSobject into it's own folder.Note: Doesn't matter but for viewing changes, this is merging into
feature/hero-update. We'll want to mergefeature/hero-updateintodevfirst then rebase this PR fromfeature/hero-updatetodev.