handle yaml line breaks

data/projects.yml

@@ -7,10 +7,8 @@
   description: >
     Since 2017 I'm leading the UI design & development of all Ocean Protocol web properties. Additionally, I conceptualize, execute and iterate on the creative and visual direction of the Ocean Protocol brand.
 
-
     The main website is a single-page JavaScript application built with React, pulling its data from JSON files and various micro services I've built over time. All design & development is embedded in a continous deployment process via GitHub & Travis.
 
-
     Initial website in collaboration with [Balance](https://balance.io/). Key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).
   links:
   - title: Link
@@ -38,10 +36,8 @@
   description: >
     From 2015-2017 I was leading the UI design & development of all IPDB web properties. Additionally, I iterated on the creative and visual direction of the IPDB brand.
 
-
     The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it. All design & development is embedded in a continous deployment process via GitHub & Travis.
 
-
     Branding and key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).
 
   techstack:
@@ -101,10 +97,8 @@
   description: >
     In 2017 I was leading the UI design & development for the 9984 >> Summit, the first joint summit of BigchainDB & IPDB. Additionally, I conceptualized, executed and iterated on the creative and visual direction of the 9984 brand.
 
-
     The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it. All design & development is embedded in a continous deployment process via GitHub & Travis.
 
-
     Branding and key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).
   techstack:
   - Sketch
@@ -125,10 +119,8 @@
   description: >
     Since 2016 I'm leading the UI design & development of all BigchainDB web properties. I created the initial BigchainDB brand and further conceptualize, execute and iterate on the creative and visual direction of BigchainDB.
 
-
     The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it, pulling data from various external sources and microservices. All design & development is embedded in a continous deployment process via GitHub & Travis.
 
-
     Branding & key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).
 
   techstack:
@@ -162,10 +154,8 @@
   description: >
     From 2015-2017 I was co-designing and leading the UI design & development of various ChartMogul web properties.
 
-
     The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it.
 
-
     Within the ChartMogul application I created and implemented a UI design system.
 
   techstack:
@@ -225,10 +215,8 @@
   description: >
     From 2012 to 2015 I worked at ezeep, where I created an unprecedented, market-leading & award-winning user experience based on the principles of emotional design way ahead of all competitors. This included conceptualizing executing, and iterating on the creative & visual direction of the ezeep brand.
 
-
     I was leading the UI design & development of all ezeep touch points and - as a product designer - defined the ezeep product based on user and market research in an iterative process. On top of that, I designed and helped building all app experiences of ezeep on Windows, macOS, iOS, and Android.
 
-
     ezeep was acquired by [Cortado AG](https://www.cortado.com) in 2015 and became part of their [ThinPrint Cloud Services](https://www.thinprintcloud.com) suite of products.
 
   techstack:
@@ -304,7 +292,6 @@
   description: >
     From 2009 to 2012 I worked at the IT services department of [Martin-Luther-Universität Halle-Wittenberg](http://www.uni-halle.de) where I conceptualized & implemented numerous in-house and public facing interfaces for thousands of students and staff.
 
-
     Additionally, I conceptualized, designed, created, and maintained the blog network & community for all students & staff.
 
   techstack:

src/components/atoms/Content.scss

@@ -1,4 +1,4 @@
 .content {
-    max-width: 43rem;
+    max-width: 40rem;
     margin: 0 auto;
 }

src/templates/Project.jsx

@@ -24,6 +24,7 @@ class Project extends Component {
 
     const { title, description, links, techstack } = project
     const { next, previous } = pathContext
+    const descriptionWithLineBreaks = description.split('\n').join('\n\n')
 
     return (
       <Fragment>
@@ -37,7 +38,7 @@ class Project extends Component {
           <Content>
             <h1 className="project__title">{title}</h1>
             <ReactMarkdown
-              source={description}
+              source={descriptionWithLineBreaks}
               className="project__description"
             />