Commit 31b59ccb authored by David Rhoderick's avatar David Rhoderick
Browse files

Fixing typo, some style issues, and re-organizing

code.
parent 4ca3735e
......@@ -5,28 +5,23 @@ import Link from "@frontity/components/link";
const Featured = ({ text, dynamicText, state, color, img }) => {
return (
<Link link="#">
<FeatureContianer>
<TextOnTheLeft
color={color}
css={css`
color: white;
`}
>
<p>{text}</p>
<FeatureContainer>
<TextOnTheLeft color={color}>
<h2>{text}</h2>
</TextOnTheLeft>
<ItemsDetails img={img}>
<ItemsDetailsText color={color}>
<h5>{dynamicText}</h5>
<h3>{dynamicText}</h3>
</ItemsDetailsText>
</ItemsDetails>
</FeatureContianer>
</FeatureContainer>
</Link>
);
};
export default connect(Featured);
const FeatureContianer = styled.div`
const FeatureContainer = styled.div`
width: 100%;
height: 40vh;
display: grid;
......@@ -46,6 +41,11 @@ const TextOnTheLeft = styled.div`
color: white;
font-size: 1.7rem;
background: ${(props) => props.color};
h2 {
margin: 0;
color: white !important;
}
`;
const ItemsDetails = styled.div`
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment