Home.js Content rendering Issue on Microsoft Edge for iPhone

[carson-evans]

I am facing a significant rendering issue with Home.js on Microsoft Edge for iPhone, where none of the content, including images (home-bg.jpg, home-main.svg), text, and other elements, are visible on the screen. This issue seems to be isolated to Microsoft Edge Mobile, as the content renders as expected on desktop browsers and other mobile browsers. This suggests a potential compatibility or rendering issue with Edge Mobile.

Steps to Reproduce:

1. Navigate to the homepage on Microsoft Edge for iPhone.

2. Observe that none of the content defined in Home.js renders on the screen.

Expected Behavior:
All content from Home.js, including images, text, and other UI elements, should render correctly and be visible on all browsers, including Microsoft Edge for iPhone.

Actual Behavior:
No content from Home.js renders on Microsoft Edge for iPhone, despite working correctly on other platforms. The issue includes, but is not limited to, images not displaying (home-bg.jpg, home-main.svg) and text not being visible.

Additional Information:

• The issue has been confirmed to specifically affect Microsoft Edge on iPhone.
• Preliminary checks suggest no obvious errors in the console that could explain this behavior.
• The problem might be related to CSS, JavaScript, or specific browser rendering optimizations in Edge Mobile.

Troubleshooting Attempts:

• Verified file paths and URLs are correct and accessible.
• Checked for any browser-specific CSS or JavaScript issues.
• Ensured that the viewport meta tag is properly set for mobile browsers.