Layout Overlap in Customer Stories Page When Selecting a Story as Consumer #36

Closed
opened 2025-09-22 00:23:27 -04:00 by gefokag778 · 1 comment

Issue URL:

https://www.topcoder.com/customer-stories

Steps to Reproduce

  1. Navigate to https://www.topcoder.com/customer-stories.
  2. Click on Select a Story and choose any story as a consumer.
  3. Observe the layout of the selected story page.

Actual Result

  • Layout elements overlap when viewing a selected story.

Expected Result

  • The layout should be clean and responsive.
  • All content (text, images, buttons) should be properly aligned and visible.
  • No overlapping of UI elements should occur.

Screenshots/Videos

bandicam 2025-09-22 09-52-43-056.jpg

Environment

  • OS: Windows 10
  • Browser: Chrome 140.0.7339.186
  • Device: HP Laptop 39.6 cm (15.6)

Reproducibility

5/5

#### Issue URL: `https://www.topcoder.com/customer-stories` #### Steps to Reproduce 1. Navigate to `https://www.topcoder.com/customer-stories`. 2. Click on **Select a Story** and choose any story as a consumer. 3. Observe the layout of the selected story page. #### Actual Result - Layout elements overlap when viewing a selected story. #### Expected Result - The layout should be clean and responsive. - All content (text, images, buttons) should be properly aligned and visible. - No overlapping of UI elements should occur. #### Screenshots/Videos ![bandicam 2025-09-22 09-52-43-056.jpg](/attachments/56a8613a-d76d-4a33-acbd-6fc73397cf77) #### Environment - **OS:** Windows 10 - **Browser:** Chrome 140.0.7339.186 - **Device:** HP Laptop 39.6 cm (15.6) #### Reproducibility **5/5**
gefokag778 added the UIWindowsChrome labels 2025-09-22 00:23:27 -04:00
Author

Steps to Reproduce

  1. Go to https://www.topcoder.com
  2. Scroll Down to Footer
  3. The For Clients Section, click Customer Stories
  4. Click on Select a Story and choose the story as a consumer
  5. Observe the layout of the selected story page.
#### Steps to Reproduce 1. Go to https://www.topcoder.com 2. Scroll Down to Footer 3. The For Clients Section, click Customer Stories 4. Click on Select a Story and choose the story as a consumer 5. Observe the layout of the selected story page.
nithya160925 added the Trivial label 2025-09-24 03:51:04 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Topcoder-Platform/public-website-qa-bug-hunt#36