search

ascentiaci / ascentiaci.ca

Ascentia Career Institute Main Marketing Site
1 stars 1 forks source link

Website issue - from Leo - 2024-06-20T16:18:14.316Z #66

Closed fireball8931 closed 1 week ago

fireball8931 commented 2 weeks ago

Page: https://staging.ascentiaci-ca.pages.dev/Admissions

Commment: Cards remain in a 2x2 grid on mobile, they should be 1x4 stack

fireball8931 commented 2 weeks ago

Enrichment from ChatGPT:

Title: Website issue - from Leo - 2024-06-20T16:18:14.316Z

Content:

Page: https://staging.ascentiaci-ca.pages.dev/Admissions

Comment:

Issue: Cards remain in a 2x2 grid on mobile, they should be 1x4 stack

Details: On inspecting the mobile version of the Admissions page, the section containing the cards does not adapt to a vertical stack. Instead, it maintains a 2x2 grid layout, which affects user experience by making the content harder to view and navigate on smaller screens.

Expected Behavior: On mobile devices, the cards should adapt to a single column layout (1x4 stack) to ensure proper readability and usability.

Steps to Reproduce:

  1. Visit the Admissions page on a mobile device or use the browser's developer tools to simulate a mobile viewport.
  2. Observe the card layout in the specified section.

Additional Notes: This issue is likely due to a missing or incorrect CSS media query that should handle the layout change for smaller screen sizes.