Update the existing home screen (not logged-in state) to align with a mobile-first approach, based on the provided designs for both desktop and mobile. The project utilises Tailwind CSS, and this ticket focuses on refining and adapting styles to prioritise mobile-first responsiveness for the home screen.
Note:
The header is excluded from this ticket and will be addressed separately.
Expected Behavior:
The home screen (not logged-in state) should adhere to the provided mobile and desktop designs.
Mobile-first styling should be applied, with base styles optimised for mobile devices.
Elements such as the content sections, navigation, and buttons should transition smoothly from mobile to tablet and desktop views using responsive media queries.
No major display, layout, or interaction issues across different devices and screen sizes.
Acceptance Criteria:
Homescreen/not logged in matches the provided design specifications for both mobile and desktop views.
Mobile-first styles are correctly applied, with graceful adjustments for larger screens using media queries.
No major styling conflicts or layout issues are present across different devices and screen sizes.
Current Behavior:
The current home screen may not fully reflect the new design specifications, particularly in terms of mobile-first responsiveness.
Any other notes
Attachments:
[Mobile Design Screenshot for HomeScreen/not logged in]
[Home Screen - Mobile Design Screenshot-Menu overlay]
[Desktop Design Screenshot for HomeScreen/not logged in]
Issue Summary:
Update the existing home screen (not logged-in state) to align with a mobile-first approach, based on the provided designs for both desktop and mobile. The project utilises Tailwind CSS, and this ticket focuses on refining and adapting styles to prioritise mobile-first responsiveness for the home screen.
Note:
The header is excluded from this ticket and will be addressed separately.
Expected Behavior:
The home screen (not logged-in state) should adhere to the provided mobile and desktop designs. Mobile-first styling should be applied, with base styles optimised for mobile devices. Elements such as the content sections, navigation, and buttons should transition smoothly from mobile to tablet and desktop views using responsive media queries. No major display, layout, or interaction issues across different devices and screen sizes.
Acceptance Criteria:
Homescreen/not logged inmatches the provided design specifications for both mobile and desktop views. Mobile-first styles are correctly applied, with graceful adjustments for larger screens using media queries. No major styling conflicts or layout issues are present across different devices and screen sizes.Current Behavior:
The current home screen may not fully reflect the new design specifications, particularly in terms of mobile-first responsiveness.
Any other notes
Attachments:
[Mobile Design Screenshot for HomeScreen/not logged in]
[Home Screen - Mobile Design Screenshot-Menu overlay]
[Desktop Design Screenshot for HomeScreen/not logged in]
Assignment