MLAB-251: responsive page

views/DE/project/projectOverview.pug

@@ -11,29 +11,25 @@ html(lang="de")
   body
     div
         for project in projectOV
-            div(class="flex-container")
-                div(class="main")
+            div(class="row")
+                div(class="col-sm-8 pt-3")
                     h1 #{project.title}
                     div(style="float:right; margin-left:30px; margin-bottom:0px; width:50%;")
                         img(src=project.src, width="100%")
                         p(style="text-align:right") #{project.caption}
 
-                    h2 Projektüberblick
+                    h2(class="pt-4") Projektüberblick
                     p !{project.overview}
                     br
                     b keywords:
                     span #{project.keywords}
-                    br
-                    h2 Fragestellung
+                    h2(class="pt-4") Fragestellung
                     p !{project.question}
-                    p
-                    h2 Vorgehensweise
+                    h2(class="pt-4") Vorgehensweise
                     p !{project.approach}
-                    br
-                    br
-                    h2 Ergebnis und Nutzung
+                    h2(class="pt-4") Ergebnis und Nutzung
                     p !{project.result}
-                div(class="side")
+                div(class="col-sm-4 pt-3" style="background-color: #f1f1f1")
                     for image in projectImgs
                         if image.pos == '2' || image.pos == '3'
                             div(class="projectimg")