search

SurajPratap10 / Imagine_AI

The IMAGINE - AI, which is built using the OpenAI API library DALL-E 2, aims to solve the problem of limited creativity and imagination. This is a fully mobile responsive image generator built with Node.js and Express that uses OpenAI's Dall-E models to generate images.
https://imagine-ai-17zf.vercel.app/
MIT License
61 stars 199 forks source link

style.css Misplaced and Page Styling Scrambled on Imagine AI Website #656

Closed Nishitbaria closed 1 year ago

Nishitbaria commented 1 year ago

Describe the bug I would like to report a critical bug on the Imagine AI website, where the style.css file appears to be misplaced or missing from the website's directory. As a result, the page styling is scrambled and not rendering correctly. This bug is causing a poor user experience and making it challenging to navigate and interact with the website properly.

To Reproduce

  1. Open the Imagine AI website in a web browser.
  2. Observe the visual discrepancies in the layout, fonts, colors, and design elements.
  3. See error

Expected behavior The style.css file should be correctly linked and loaded on the website, ensuring that all CSS styles are applied to elements throughout the site. This ensures a visually appealing and user-friendly experience for visitors.

Current Behavior: The absence or misplacement of the style.css file on the Imagine AI website is causing the page layout and design to be distorted. Elements such as fonts, colors, layout positioning, and other styling components are not displaying as intended, leading to a confusing and unprofessional appearance.

Potential Impact: The misplacement of the style.css file negatively impacts the overall user experience on the website. Users may find it difficult to navigate, understand the content, and complete essential actions due to the distorted styling.

Possible Solution: The website's development team should investigate the root cause of the misplaced style.css file. They should check the file path and ensure that the stylesheet is correctly linked in the website's HTML files. Additionally, they should verify that the CSS file is present in the correct directory on the web server.

Once the issue is identified and resolved, it is essential to thoroughly test the website across different browsers and devices to ensure that the styling is consistent and functional.

Impact Assessment: This bug is affecting the website's usability and causing a poor impression on visitors. If left unaddressed, it could lead to reduced user engagement, increased bounce rates, and a negative impact on Imagine AI's brand reputation.

Screenshots image image

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context Add any other context about the problem here.

github-actions[bot] commented 1 year ago

To reduce notifications, issues are locked. Your issue will be unlocked when we add the label gssoc23. If you're participating in GSSoC'23, please add the gssoc23 label to your issue.