Subjects

[Mav-Ivan]

Desktop (3 blocks per row):

1. Main Block Display:

   • When a user opens the subjects page, three subject cards should be displayed in each row.
   • If the number of subjects exceeds the initial display, a "View More" button should be available to load additional subjects.

   Mockup:
   

Tablet (2 blocks per row):

1. Main Block Display:

   • On tablets, the layout should adjust to display two subject cards per row.
   • The "View More" button should allow the user to load additional subjects if available.

   Mockup:
   

Mobile (1 block per row):

1. Main Block Display:

   • On mobile devices, the layout should further adjust to display one subject card per row.
   • The "View More" button should allow users to load more subjects until all are visible or the button disappears when there are no more subjects to display.

   Mockup:
   

Additional Responsibilities:

• Responsiveness:

  • The layout should automatically adjust the number of blocks per row depending on the device type (desktop, tablet, mobile).

• Navigation and Interaction:

  • Clicking on a subject card redirects the user to the "find offers" page with relevant offers listed.
  • The "Back to all categories" button takes the user back to the categories page.
  • The "Search" functionality should work across all devices, filtering and displaying subjects based on user input.

This structure ensures that the subjects block is responsive and user-friendly across different devices.