fa

dhilipkmr · Mar 24, 2019 · c9b0852 · c9b0852
1 parent 041efb1
commit c9b0852
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/src/components/BlogFooter.js b/src/components/BlogFooter.js
@@ -3,19 +3,18 @@ import {Link} from 'gatsby';
 
 export default function BlogFooter(props) {
   const {posts} = props;
-  console.log(props);
   return (
     <div className="blogFooter">
       <div className="mw960">
         {
           posts.map((post) => {
             const {title, date, description, timeToRead, path} = post.node.frontmatter;
             return(
-              <div className="cardWrap">
-              <Link to={path} className="cardHeader ellipsis2 fb">{title}</Link>
-              <div className="cardHeadingSub ico12">{date + ' ~ ' + timeToRead + ' min read'}</div>
-              <div className="cardDescription ico14 padT10 ellipsis2 padB10">{description}</div>
-            </div>
+              <div className="cardWrap" key={path}>
+                <Link to={path} className="cardHeader ellipsis2 fb">{title}</Link>
+                <div className="cardHeadingSub ico12">{date + ' ~ ' + timeToRead + ' min read'}</div>
+                <div className="cardDescription ico14 padT10 ellipsis2 padB10">{description}</div>
+              </div>
             )
           })
         }

diff --git a/src/components/ContactMe.js b/src/components/ContactMe.js
@@ -18,7 +18,7 @@ const ContactMe = ({theme}) => {
         const ICON = contactItem[1];
         const title = contactItem[2];
         return (
-          <div className=" marginR30 inbl scaleOnHover ico25">
+          <div key={title} className=" marginLR15 inbl scaleOnHover ico25">
             <a href={url} title={title} target="_blank" rel="noopener noreferrer">
             {ICON}
             </a>

diff --git a/src/components/style/common.css b/src/components/style/common.css
@@ -71,8 +71,9 @@ body.dark {
 .marginR20 {
   margin-right: 20px;
 }
-.marginR30 {
-  margin-right: 30px;
+.marginLR15 {
+  margin-right: 15px;
+  margin-left: 15px;
 }
 .marginB20 {
   margin-bottom: 20px;
@@ -348,7 +349,7 @@ pre[class*='language-'] {
   color: var(--inlineCode-text);
   padding: 0.15em 0.2em 0.05em;
   white-space: normal;
-  font-size: 14px;
+  font-size: 15px;
 }
 
 /* Code blocks */