diff --git a/app/assets/stylesheets/application.postcss.css b/app/assets/stylesheets/application.postcss.css
index a2cf898..02a6319 100644
--- a/app/assets/stylesheets/application.postcss.css
+++ b/app/assets/stylesheets/application.postcss.css
@@ -58,6 +58,27 @@ header {
     padding: 1rem;
 }
 
+.questions-container {
+    display: flex;
+    flex-direction: column;
+    gap: 3rem;
+}
+
+.question-card {
+    color: black;
+    background-color: white;
+    padding: 1rem;
+}
+
+.question-kind-video {
+    text-align: center;
+
+    video {
+        max-width: 100%;
+        max-height: 50vh;
+    }
+}
+
 .login-intro {
     background-color: white;
     padding: 1rem;
diff --git a/app/views/sections/show.html.erb b/app/views/sections/show.html.erb
index 949e9b1..43eebff 100644
--- a/app/views/sections/show.html.erb
+++ b/app/views/sections/show.html.erb
@@ -10,9 +10,15 @@
 
 <p><%= @section.description %></p>
 
-<% @questions.each do |question| %>
-    <section>
-        <%= render partial: "questions/#{question.question_kind}_show", locals: { question: } %>
-        <%= render partial: "questions/#{question.answer_kind}_form", locals: { question: } %>
-    </section>
-<% end %>
+<div class="questions-container">
+    <% @questions.each do |question| %>
+        <section class="question-card">
+            <div class="question-kind-<%= question.question_kind %>">
+                <%= render partial: "questions/#{question.question_kind}_show", locals: { question: } %>
+            </div>
+            <div class="answer-kind-<%= question.answer_kind %>">
+                <%= render partial: "questions/#{question.answer_kind}_form", locals: { question: } %>
+            </div>
+        </section>
+    <% end %>
+</div>