About fix

resources/js/Pages/IkeaAbout.vue

@@ -9,18 +9,23 @@ import axios from 'axios';
 
 <template>
   <GuestLayout>
-    <div class="flex flex-wrap gap-2 justify-center align-middle ">
-        <h1>What is Ikea price comparison?</h1>
+    <div class="flex items-center justify-center h-screen">
 
+      <div class="bg-indigo-800 text-white font-bold rounded-lg border shadow-lg p-10">
+        <h1>What is Ikea price comparison?</h1>
+        <p>
           It is a community project of a group of enthusiasts from Slovakia.
           This service provides price comparison of Ikea products in European countries.
           Product prices are converted to EUR at the current rate and appear in resulting table.
           Information about the prices of Ikea products is obtained online.
           You can go to the appropriate product page by clicking on the country name.
-        Thanks to this service, you can find out in which country a given Ikea product is the cheapest (you can sort them in the resulting table).
-        
+          Thanks to this service, you can find out in which country a given Ikea product is the cheapest (you can sort
+          them in the resulting table).
+        </p>
+        <br />
         Enjoy :)
       </div>
+    </div>
   </GuestLayout>
 </template>
 <style>