General Questions - Copy this React, Tailwind Component to your project

Here's the improved prompt with emphasis on responsiveness for all devices: Create a "General Questions" Section Heading: Title the section "General Questions." Ensure the heading is professionally highlighted, using bold text or a distinct font style to make it stand out. Use a light background for the section to maintain a clean and pleasant look. Dropdown Menus: Include four dropdown menus, each containing a question and corresponding answer. Dropdown 1: Question: "Why should you choose this website to learn?" Dropdown Content: Provide a dummy answer. For example, "This website offers comprehensive courses with expert instructors, practical exercises, and certification to help you excel." Dropdown 2: Question: "What are the benefits of signing up?" Dropdown Content: Provide a dummy answer. For example, "By signing up, you gain access to exclusive resources, personalized learning paths, and ongoing support from our educational team." Dropdown 3: Question: "How can I track my progress?" Dropdown Content: Provide a dummy answer. For example, "You can track your progress through our user friendly dashboard that provides detailed reports and milestones." Dropdown 4: Question: "What should I do if I need help?" Dropdown Content: Provide a dummy answer. For example, "If you need help, you can contact our support team through chat, email, or phone for prompt assistance." Design and Functionality: Responsiveness: Ensure the section and dropdowns are fully responsive and function seamlessly across all devices, including desktops, tablets, and smartphones. Dropdown Behavior: Ensure the dropdown menus are easy to interact with on all devices. Menus should expand smoothly and be touch friendly on mobile devices. Layout: Adjust the layout to maintain readability and functionality on smaller screens. For instance, ensure adequate spacing and larger touch targets for dropdowns on mobile devices.