Fix: Fixed responsive design styling errors (#1)

.github/README.md

@@ -33,7 +33,7 @@ To get started with **RecipeGenie**:
    ```
 2. Navigate to the project directory:
    ```bash
-   cd RecipeGenie
+   cd RecipeGenie-Mobile
    ```
 3. Simply open the `index.html` file in your preferred web browser.
 
@@ -72,7 +72,7 @@ To get started with the mobile app:
 4. For the Android app, open the project in Android Studio and then run the following commands (with an AVD up and running):
 
 ```bash
-cd RecipeGenie
+cd RecipeGenie-Mobile-Mobile
 
 cordova build android
 
@@ -81,7 +81,7 @@ cordova emulate android
 
 Note that if you have changed any part of code for the iOS app, you might have to run the following code and then re-run the app for the changes to take effect:
 ```bash
-cd RecipeGenie
+cd RecipeGenie-Mobile-Mobile
 
 cordova platform rm ios
 

RecipeGenie/www/script.js → RecipeGenie-Mobile/www/script.js

@@ -266,91 +266,91 @@ function shareOnTwitter() {
 function elizaResponse(message) {
     const lowerMessage = message.toLowerCase();
     if (lowerMessage.includes("hello") || lowerMessage.includes("hi") || lowerMessage.includes("hey")) {
-        return "Hello! Ready to cook something delicious with RecipeGenie?";
+        return "Hello! Ready to cook something delicious with RecipeGenie-Mobile?";
     } else if (lowerMessage.includes("how are you")) {
         return "I'm excited to explore tasty recipes with you! What are you in the mood for?";
     } else if (lowerMessage.includes("recipegenie")) {
-        return "RecipeGenie is your culinary companion, offering a plethora of recipes tailored to your taste, dietary preferences, and cooking time!";
+        return "RecipeGenie-Mobile is your culinary companion, offering a plethora of recipes tailored to your taste, dietary preferences, and cooking time!";
     } else if (lowerMessage.includes("ingredient")) {
         return "You can search for recipes based on the ingredients you have on hand! Just type them in, and I'll suggest a variety of dishes.";
     } else if (lowerMessage.includes("dietary preference")) {
-        return "Whether you’re vegan, vegetarian, gluten-free, or have other dietary requirements, RecipeGenie has a diverse collection of recipes for you!";
+        return "Whether you’re vegan, vegetarian, gluten-free, or have other dietary requirements, RecipeGenie-Mobile has a diverse collection of recipes for you!";
     } else if (lowerMessage.includes("shopping list")) {
         return "Every recipe comes with a detailed list of ingredients you can easily turn into a shopping list. Making grocery shopping a breeze!";
     } else if (lowerMessage.includes("meal planning")) {
-        return "RecipeGenie is perfect for meal planning! Save your favorite recipes, and you’ll always have inspiration at your fingertips.";
+        return "RecipeGenie-Mobile is perfect for meal planning! Save your favorite recipes, and you’ll always have inspiration at your fingertips.";
     } else if (lowerMessage.includes("dinner ideas")) {
-        return "Absolutely! Whether you're looking for something quick and easy or a gourmet meal, RecipeGenie has a variety of dinner ideas to explore.";
+        return "Absolutely! Whether you're looking for something quick and easy or a gourmet meal, RecipeGenie-Mobile has a variety of dinner ideas to explore.";
     } else if (lowerMessage.includes("breakfast options")) {
         return "From smoothie bowls to classic pancakes, explore a wide range of breakfast recipes to start your day right!";
     } else if (lowerMessage.includes("lunch ideas")) {
         return "Discover a selection of lunch recipes that are both delicious and quick to prepare. Perfect for busy afternoons!";
     } else if (lowerMessage.includes("dessert")) {
-        return "Indulge in sweet treats from chocolate cakes to fruit tarts. RecipeGenie offers a variety of desserts to satisfy your cravings!";
+        return "Indulge in sweet treats from chocolate cakes to fruit tarts. RecipeGenie-Mobile offers a variety of desserts to satisfy your cravings!";
     } else if (lowerMessage.includes("snacks")) {
         return "Looking for something to munch on? Explore our snack recipes for quick bites that are both tasty and satisfying!";
     } else if (lowerMessage.includes("healthy recipes")) {
         return "Discover a range of nutritious recipes that don't compromise on flavor. Healthy eating has never been so exciting!";
     } else if (lowerMessage.includes("international cuisine")) {
-        return "Travel the world from your kitchen with RecipeGenie! Explore dishes from various cuisines globally.";
+        return "Travel the world from your kitchen with RecipeGenie-Mobile! Explore dishes from various cuisines globally.";
     } else if (lowerMessage.includes("thank")) {
         return "You're welcome! If you have more questions or need recipe inspiration, feel free to ask.";
     } else if (lowerMessage.includes("who are you")) {
-        return "I'm your RecipeGenie Assistant, ready to guide you to your next delicious meal!";
+        return "I'm your RecipeGenie-Mobile Assistant, ready to guide you to your next delicious meal!";
     } else if (lowerMessage.includes("help")) {
-        return "Absolutely! Tell me what you need, whether it’s recipe ideas, cooking tips, or navigating the RecipeGenie app.";
+        return "Absolutely! Tell me what you need, whether it’s recipe ideas, cooking tips, or navigating the RecipeGenie-Mobile app.";
     } else if (lowerMessage.includes("vegan")) {
-        return "Absolutely! RecipeGenie has a multitude of vegan recipes that are both delicious and satisfying. Just search 'vegan' to explore them!";
+        return "Absolutely! RecipeGenie-Mobile has a multitude of vegan recipes that are both delicious and satisfying. Just search 'vegan' to explore them!";
     } else if (lowerMessage.includes("save recipe")) {
-        return "Using RecipeGenie, you can save your favorite recipes for easy access later. Just click on the 'Save' option on any recipe you love!";
+        return "Using RecipeGenie-Mobile, you can save your favorite recipes for easy access later. Just click on the 'Save' option on any recipe you love!";
     } else if (lowerMessage.includes("share recipe")) {
         return "Found a recipe you love? You can easily share it with friends and family using the 'Share' option!";
     } else if (lowerMessage.includes("drink") || lowerMessage.includes("beverage")) {
-        return "While RecipeGenie focuses on delicious meals, we also have a selection of drink recipes to complement your meals!";
+        return "While RecipeGenie-Mobile focuses on delicious meals, we also have a selection of drink recipes to complement your meals!";
     } else if (lowerMessage.includes("allergies") || lowerMessage.includes("allergic")) {
         return "Safety first! Always review the ingredients in recipes to ensure they don’t contain allergens specific to you or anyone you're cooking for.";
     } else if (lowerMessage.includes("kids") || lowerMessage.includes("children")) {
-        return "Cooking for the little ones? RecipeGenie has kid-friendly recipes that are both nutritious and appealing to younger taste buds!";
+        return "Cooking for the little ones? RecipeGenie-Mobile has kid-friendly recipes that are both nutritious and appealing to younger taste buds!";
     } else if (lowerMessage.includes("quick meals") || lowerMessage.includes("fast recipes")) {
-        return "In a rush? RecipeGenie offers a variety of recipes that can be made in 30 minutes or less. Perfect for those busy days!";
+        return "In a rush? RecipeGenie-Mobile offers a variety of recipes that can be made in 30 minutes or less. Perfect for those busy days!";
     } else if (lowerMessage.includes("seasonal recipes") || lowerMessage.includes("holidays")) {
-        return "RecipeGenie also provides seasonal recipes perfect for holidays and special occasions. Check out our 'Seasonal' section!";
+        return "RecipeGenie-Mobile also provides seasonal recipes perfect for holidays and special occasions. Check out our 'Seasonal' section!";
     } else if (lowerMessage.includes("baking")) {
         return "Got a sweet tooth? Dive into our baking section for cakes, pies, cookies, and more. Perfect for all your dessert desires!";
     } else if (lowerMessage.includes("cooking tips") || lowerMessage.includes("kitchen hacks")) {
-        return "Need some help in the kitchen? Alongside our recipes, RecipeGenie offers cooking tips and tricks to enhance your culinary skills!";
+        return "Need some help in the kitchen? Alongside our recipes, RecipeGenie-Mobile offers cooking tips and tricks to enhance your culinary skills!";
     } else if (lowerMessage.includes("nutrition") || lowerMessage.includes("healthy")) {
-        return "RecipeGenie not only focuses on taste but also on nutrition. We aim to provide balanced recipes to ensure you're nourishing your body right!";
+        return "RecipeGenie-Mobile not only focuses on taste but also on nutrition. We aim to provide balanced recipes to ensure you're nourishing your body right!";
     } else if (lowerMessage.includes("how does it work") || lowerMessage.includes("how to use")) {
-        return "Simply enter what you're craving or the ingredients you have on hand into the search bar. RecipeGenie will then suggest recipes tailored just for you!";
+        return "Simply enter what you're craving or the ingredients you have on hand into the search bar. RecipeGenie-Mobile will then suggest recipes tailored just for you!";
     } else if (lowerMessage.includes("breakfast")) {
-        return "Looking for a morning treat? RecipeGenie has a wide range of breakfast recipes to kickstart your day. From pancakes to omelettes, we've got you covered!";
+        return "Looking for a morning treat? RecipeGenie-Mobile has a wide range of breakfast recipes to kickstart your day. From pancakes to omelettes, we've got you covered!";
     } else if (lowerMessage.includes("lunch")) {
-        return "Lunchtime cravings? RecipeGenie offers a plethora of lunch options from quick sandwiches to hearty salads!";
+        return "Lunchtime cravings? RecipeGenie-Mobile offers a plethora of lunch options from quick sandwiches to hearty salads!";
     } else if (lowerMessage.includes("dinner")) {
-        return "Planning dinner? RecipeGenie can suggest a myriad of dinner recipes, from pasta dishes to grilled entrees. Bon appétit!";
+        return "Planning dinner? RecipeGenie-Mobile can suggest a myriad of dinner recipes, from pasta dishes to grilled entrees. Bon appétit!";
     } else if (lowerMessage.includes("dessert")) {
-        return "Sweet cravings are no match for RecipeGenie! Dive into our collection of delectable desserts, from brownies to cheesecakes!";
+        return "Sweet cravings are no match for RecipeGenie-Mobile! Dive into our collection of delectable desserts, from brownies to cheesecakes!";
     } else if (lowerMessage.includes("snacks") || lowerMessage.includes("appetizers")) {
-        return "Need a bite to snack on or appetizers for your party? RecipeGenie has a selection of tasty tidbits to keep hunger at bay!";
+        return "Need a bite to snack on or appetizers for your party? RecipeGenie-Mobile has a selection of tasty tidbits to keep hunger at bay!";
     } else if (lowerMessage.includes("vegetarian")) {
-        return "Yes! RecipeGenie has an extensive range of vegetarian recipes. Just input 'vegetarian' in the search to discover them!";
+        return "Yes! RecipeGenie-Mobile has an extensive range of vegetarian recipes. Just input 'vegetarian' in the search to discover them!";
     } else if (lowerMessage.includes("ingredient")) {
-        return "If you have a specific ingredient on hand, just type it into the search. RecipeGenie will show recipes that feature it!";
+        return "If you have a specific ingredient on hand, just type it into the search. RecipeGenie-Mobile will show recipes that feature it!";
     } else if (lowerMessage.includes("shopping list")) {
-        return "Found a recipe you like? RecipeGenie can automatically generate a shopping list for you. Making grocery shopping a breeze!";
+        return "Found a recipe you like? RecipeGenie-Mobile can automatically generate a shopping list for you. Making grocery shopping a breeze!";
     } else if (lowerMessage.includes("meal planning")) {
-        return "With RecipeGenie, meal planning is effortless. You can plan your weekly meals and generate a consolidated shopping list in no time!";
+        return "With RecipeGenie-Mobile, meal planning is effortless. You can plan your weekly meals and generate a consolidated shopping list in no time!";
     } else if (lowerMessage.includes("world cuisine") || lowerMessage.includes("international dishes")) {
-        return "Explore world cuisines with RecipeGenie! Whether you're craving Italian pasta, Japanese sushi, or Indian curry, we have recipes from every corner of the globe.";
+        return "Explore world cuisines with RecipeGenie-Mobile! Whether you're craving Italian pasta, Japanese sushi, or Indian curry, we have recipes from every corner of the globe.";
     } else if (lowerMessage.includes("spices") || lowerMessage.includes("herbs")) {
-        return "Spices and herbs can elevate any dish! RecipeGenie offers tips on how to use them to bring out the best flavors in your meals.";
+        return "Spices and herbs can elevate any dish! RecipeGenie-Mobile offers tips on how to use them to bring out the best flavors in your meals.";
     } else if (lowerMessage.includes("cooking for one") || lowerMessage.includes("single serving")) {
-        return "Cooking for just yourself? RecipeGenie has single-serving recipes, ensuring no wastage and just the right portion!";
+        return "Cooking for just yourself? RecipeGenie-Mobile has single-serving recipes, ensuring no wastage and just the right portion!";
     } else if (lowerMessage.includes("large group") || lowerMessage.includes("party")) {
-        return "Hosting a party or cooking for a large group? RecipeGenie can suggest recipes perfect for feeding a crowd.";
+        return "Hosting a party or cooking for a large group? RecipeGenie-Mobile can suggest recipes perfect for feeding a crowd.";
     } else {
-        return "I'm here to help with any questions or needs related to RecipeGenie. Could you please provide more details or try a different question?";
+        return "I'm here to help with any questions or needs related to RecipeGenie-Mobile. Could you please provide more details or try a different question?";
     }
 }