[fix]: markdown formatting

src/components/markdown.js

@@ -32,7 +32,6 @@ const Markdown = props => {
         <>
           {`<h3 align="left">${props.label}</h3>`}
           <br />
-          <br />
         </>
       )
     }
@@ -274,22 +273,6 @@ const Markdown = props => {
           }
         />
       </>
-      <>
-        <DisplaySkills skills={props.skills} />
-      </>
-      <>
-        <DisplayTopLanguages
-          show={props.data.topLanguages}
-          showStats={props.data.githubStats}
-          github={props.social.github}
-        />
-      </>
-      <>
-        <GitHubStats
-          show={props.data.githubStats}
-          github={props.social.github}
-        />
-      </>
       {isSocial(props.social) ? `<p align="left">` : ""} <br />
       <>
         <SectionTitle label="Connect with me:" />
@@ -441,7 +424,23 @@ const Markdown = props => {
           username={props.social.rssurl}
         />
       </>
-      {isSocial(props.social) ? `</p>` : ""}
+      {isSocial(props.social) ? <>{`</p>`}<br/><br/></> : ""}
+      <>
+        <DisplaySkills skills={props.skills} />
+      </>
+      <>
+        <DisplayTopLanguages
+          show={props.data.topLanguages}
+          showStats={props.data.githubStats}
+          github={props.social.github}
+        />
+      </>
+      <>
+        <GitHubStats
+          show={props.data.githubStats}
+          github={props.social.github}
+        />
+      </>
     </div>
   )
 }

src/components/markdownPreview.js

@@ -268,7 +268,7 @@ const MarkdownPreview = props => {
         listSkills.push(
           <a href={skillWebsites[skill]} target="_blank">
             <img
-              className="my-4 mx-4 h-6 w-6 sm:h-10 sm:w-10"
+              className="mb-4 mr-4 h-6 w-6 sm:h-10 sm:w-10"
               key={skill}
               src={icons[skill]}
               alt={skill}
@@ -295,6 +295,7 @@ const MarkdownPreview = props => {
         github={props.social.github}
       />
       <WorkPreview work={props} />
+      <SocialPreview social={props.social} />
       <SkillsPreview skills={props.skills} />
       <div className="block sm:flex sm:justify-center sm:items-start">
         <TopLanguagesPreview
@@ -306,7 +307,6 @@ const MarkdownPreview = props => {
           github={props.social.github}
         />
       </div>
-      <SocialPreview social={props.social} />
     </div>
   )
 }

src/components/work.js

@@ -160,7 +160,7 @@ const Work = props => {
         />
         <input
           id="funFact"
-          placeholder="Chai over Coffee"
+          placeholder="I think I am funny"
           className="outline-none placeholder-gray-700 mr-8 sm:mr-0 w-full sm:w-1/3 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
           value={props.data.funFact}
           onChange={event => props.handleDataChange("funFact", event)}