Add tailwindcss

home/templates/home/home_page.html

@@ -1,10 +1,10 @@
 {% extends "base.html" %}
 {% load wagtailcore_tags wagtailimages_tags %}
 
-{% block body_class %}template-homepage{% endblock %}
+{% block body_class %}{% endblock %}
 
 {% block content %}
-    <div>
+    <section class="flex flex-col items-center justify-center h-full">
         <h1>{{ page.title }}</h1>
         {% image page.image fill-480x320 %}
         <p>{{ page.hero_text }}</p>
@@ -13,7 +13,7 @@
                 {% firstof page.hero_cta page.hero_cta_link.title %}
             </a>
         {% endif %}
-    </div>
+    </section>
 
   {{ page.body|richtext }}
 {% endblock content %}