added beta question section

derusting my flexbox skills

resources/_gen/assets/scss/scss/main.scss_66218e5a7b913738c9930d434ed16445.content

@@ -0,0 +1 @@
+.container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:baseline;width:100%;text-align:left}p{font-size:1.5em;text-align:left;color:#323232}.question{flex:1 1 600px}.question h2{font-weight:bold;font-size:2em;margin-bottom:9px}.question p{padding:0;margin:0}.break{flex-basis:100%;height:0}.item{padding:5px}.page{padding:120px 7.5%}

resources/_gen/assets/scss/scss/main.scss_66218e5a7b913738c9930d434ed16445.json

@@ -0,0 +1 @@
+{"Target":"style.css","MediaType":"text/css","Data":{}}

themes/cloud.autonomic.zone/assets/scss/main.scss

@@ -0,0 +1,45 @@
+
+// flexbox containers
+.container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    align-items: baseline;
+    width: 100%;
+    text-align: left;
+
+}
+
+p {
+    font-size: 1.5em;
+    text-align: left;
+    color: #323232;
+
+}
+
+.question {
+    h2 {
+        font-weight: bold;
+        font-size: 2em;
+        margin-bottom: 9px;
+    }
+    p {
+        padding: 0;
+        margin: 0;
+    }
+    flex: 1 1 600px;
+}
+
+.break {
+    flex-basis: 100%;
+    height: 0;
+}
+
+.item {
+    padding: 5px
+}
+
+.page {
+    padding: 120px 7.5%;
+}

themes/cloud.autonomic.zone/layouts/index.html

@@ -2,4 +2,27 @@
 <div id="home-jumbotron" class="jumbotron text-center">
   <h1 class="title">{{ .Site.Title }}</h1>
 </div>
+
+<div class="page">
+  <div class="container questions">
+    <div class="item question">
+      <h2>How is it similar do YunoHost?</h2>
+      <p>I'm baby small batch street art pinterest snackwave. Asymmetrical art party sustainable williamsburg kogi iceland. Actually cliche synth microdosing ramps, typewriter yr XOXO crucifix DIY meggings you probably haven't heard of them.</p>
+    </div>
+    <div class="item question">
+      <h2>This is another question?</h2>
+      <p>I'm baby tumblr activated charcoal forage, sustainable yr thundercats seitan selfies man braid post-ironic sartorial chia irony asymmetrical brunch.</p>
+    </div>
+    <div class="break"></div>
+    <div class="item question">
+      <h2>Why is this the best service ever?</h2>
+      <p>Slow-carb vice butcher artisan raw denim offal keffiyeh mixtape copper mug chambray crucifix pug distillery. Celiac godard tousled taxidermy. Lumbersexual selfies retro, swag health goth YOLO pour-over. Raclette quinoa stumptown artisan vape yr vice street art tofu chambray.</p>
+    </div>
+    <div class="item question">
+      <h2>How <em>do</em> I make £3000 a month while working from home?</h2>
+      <p>Crucifix mustache artisan wayfarers, raw denim green juice prism poke jianbing celiac slow-carb. Tote bag snackwave single-origin coffee hell of cloud bread. Franzen try-hard kickstarter vice cornhole truffaut. Pok pok next level whatever af semiotics, bicycle rights brunch.</p>
+    </div>
+  </div>
+</div>
+
 {{ end }}

themes/cloud.autonomic.zone/layouts/partials/head.html

@@ -3,5 +3,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     {{ $title := print .Site.Title " | " .Title }}
     {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
+    {{/*  scss compiling  */}}
+    {{ $options := (dict "targetPath" "style.css" "outputStyle" "compressed") }}
+    {{ $style := resources.Get "scss/main.scss" | resources.ToCSS $options }}
+    <link href="{{ $style.Permalink }}" rel="stylesheet">
     <title>{{ $title }}</title>
 </head>