Add correct meta tags to blog posts (codesandbox#1858)

* add job page

* add more things

* make it 400

* fix mobile

* add blog post

* Updates

* add correct metadata

* Fix typo on front-end spec (codesandbox#1864)

Author: SaraVieira

packages/homepage/content/jobs/frontend.md

@@ -5,7 +5,7 @@ description: "At CodeSandbox we work on a wide variety of tools that is used by
 link: "https://airtable.com/shrYgsLKkdfchPlmZ"
 ---
 
-At CodeSandbox we work on a wide variety of tools that is used by frontend engineers. We are a small team with a big impact in the development tooling space. We're lso using a modern frontend technology stack (React, TypeScript, even vanilla JS!) that is [open source](https://github.com/codesandbox)!
+At CodeSandbox we work on a wide variety of tools that is used by frontend engineers. We are a small team with a big impact in the development tooling space. We're also using a modern frontend technology stack (React, TypeScript, even vanilla JS!) that is [open source](https://github.com/codesandbox)!
 
 ## Role
 

packages/homepage/src/pages/_jobs.elements.js

@@ -51,6 +51,7 @@ export const OtherJobs = styled.div`
   justify-content: space-between;
   align-items: center;
   padding-bottom: 3rem;
+
   align-items: flex-start;
 
   @media screen and (max-width: 500px) {

packages/homepage/src/templates/post.js

@@ -17,14 +17,23 @@ import {
 import { makePost } from '../utils/makePosts';
 
 export default ({ data: { feedMediumBlog, markdownRemark } }) => {
-  const { creator, title, content, date, photo, featuredImage } = makePost(
-    markdownRemark,
-    feedMediumBlog
-  );
+  const {
+    creator,
+    title,
+    content,
+    date,
+    photo,
+    featuredImage,
+    description,
+  } = makePost(markdownRemark, feedMediumBlog);
   return (
     <Layout>
       <Container style={{ overflowX: 'auto' }}>
-        <TitleAndMetaTags title={`${title} - CodeSandbox Blog`} />
+        <TitleAndMetaTags
+          title={`${title} - CodeSandbox Blog`}
+          image={featuredImage}
+          description={description}
+        />
         <PageContainer width={800}>
           <Title>{title}</Title>
           <aside