Added text

src/components/common/GlobalStyle.js

@@ -8,6 +8,5 @@ export const GlobalStyle = createGlobalStyle`
  
  a {
  color: inherit;
- text-decoration: none;
  }
 `;

src/components/gallery/Gallery.js

@@ -7,7 +7,10 @@ import { Heart } from "../../components";
 const Container = styled.div`
  background: ${props => props.theme.colors.tolopea};
  height: 800px;
- padding: 10px;
+ padding: 80px 50px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
 `;
 
 const Box = styled.div`
@@ -23,8 +26,10 @@ export const Gallery = () => (
  <Heart />
  </Box>
  <Container>
- <Subheading>Heading</Subheading>
- <Text>Text</Text>
+ <Subheading>Welcome to my CSS Galary!</Subheading>
+ <Text pt={"10px"}>The Galary consists of various CSS images from my <a href="https://codepen.io/bntnam" target="_blank">CodePen</a>.</Text>
+ <Text pt={"5px"}>If you have any idea or feedback, feel free to get in touch at my <a href="mailto:[email protected]" target="_blank">email</a>. :)</Text>
+ <Text pt={"5px"}>Now, hope you have fun. Cheers! &hearts;</Text>
  </Container>
  </>
 );