fix typos, styling

make_a_wish/templates/make_a_wish/make_a_wish_root.html

@@ -126,13 +126,13 @@
                 </div>
 
                 <div class="mt-16 p-12 bg-grey-50">
-                    <ul class="flex flex-col xl:gap-6 gap-12 justify-center">
+                    <ul class="flex flex-col xl:gap-6 gap-12 justify-start xl:justify-center">
                         {% for wish in page.common_wishes %}
                             <li>
-                                <div class="flex xl:gap-8 gap-6 items-center justify-center xl:flex-row flex-col">
+                                <div class="flex xl:gap-8 gap-6 items-center xl:justify-center xl:flex-row flex-col">
                                     {% image wish.value.image original class="rounded-full h-32 w-32" %}
 
-                                    <div class="text-black text-center">
+                                    <div class="text-black xl:text-left text-center">
                                         <h4 class="font-alt text-5xl mb-3">{{ wish.value.title }}</h4>
                                         <p class="text-2xl xl:mb-0">{{ wish.value.description }}</p>
                                     </div>