63 lines
1.3 KiB
Markdown
63 lines
1.3 KiB
Markdown
# Task: Fix Mobile View Issues
|
|
|
|
**Task ID:** 010
|
|
**Date Created:** 2025-07-08
|
|
**Author:** Gemini
|
|
|
|
---
|
|
|
|
## Task Description
|
|
|
|
The mobile view of the landing page is broken. The body does not have full width, the burger menu is not visible, and the cookie message is cut off. This task is to fix these issues.
|
|
|
|
---
|
|
|
|
## Instructions
|
|
|
|
- Ensure the body has full width in mobile view.
|
|
- Make the burger menu visible in the upper right corner.
|
|
- The cookie message should be centered and sticky to the bottom of the displayed page area.
|
|
|
|
---
|
|
|
|
## Input Data
|
|
|
|
- The current state of the landing page codebase.
|
|
|
|
---
|
|
|
|
## Expected Output
|
|
|
|
- A fixed mobile view of the landing page that addresses all the issues mentioned in the task description.
|
|
|
|
---
|
|
|
|
## Constraints & Requirements
|
|
|
|
- The solution should be implemented using Next.js, React, TypeScript, and Tailwind CSS.
|
|
- The changes should not break the desktop view.
|
|
|
|
---
|
|
|
|
## System Instructions (Optional)
|
|
|
|
> You are an expert assistant. Follow the instructions precisely and provide clear, concise answers.
|
|
|
|
---
|
|
|
|
## References (Optional)
|
|
|
|
- @ai_docs/009_fix_main_width.md
|
|
|
|
---
|
|
|
|
## Metadata
|
|
|
|
| Key | Value |
|
|
|-----------------|------------------|
|
|
| Priority | High |
|
|
| Status | Open |
|
|
| Tags | bug, mobile, view |
|
|
|
|
---
|