Adjust CSS for Post An Item Page with Mobile-First Approach

[OlenaReukova]

Expected Behavior

Update the existing Post An Item Page 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.

Mobile Design Screenshot for Post An Item Page

Desktop Design Screenshot for Post An Item Page

Acceptance Criteria

• The Post An Item Page 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 Post An Item Page may not fully reflect the new design specifications, particularly in terms of mobile-first responsiveness.

Any other notes

No response

Assignment

This issue is free for anyone to take

[Edga380]

!request

[github-actions[bot]]

🤖 meep morp!

Thank you for your contribution @Edga380 - this Issue is assigned to you as requested ✨

🔎 Please keep in mind that in order to give everyone a chance to contribute Issues may be unassigned if they go stale. You will be warned if the Issue is marked as stale at any point.

🔎 Please review our documentation for guidance on:

• common Patterns we follow in the code base
• conventions set for commit messages and naming of functions, classes or files

💡 The core team is available for any help and will try to respond to any comments in this Issue or questions on discord as quickly as possible.

Happy coding ! 🦆