Project

General

Profile

Actions
Copy link

dev #3662

open

dev #3650: [FE]: Shortlist Page – Responsive Design Implementation

[FE]: Responsive Project Page Design & Components

Added by Md.Sajib Ahmed 5 months ago. Updated 4 months ago.

Status:
Complete
Priority:
High
Assignee:
Md.Sajib Ahmed
Target version:
Sprint 2
Start date:
11/18/2025
Due date:
% Done:

100%

Estimated time:
8:00 h
Spent time:
7:00 h

Description

Task Summary

Implement the Project Page UI based on the provided Figma design with full responsive behavior across all breakpoints.

Scope of Work

1. Responsive Design for Project Page

  • Build the full page layout according to the Figma structure.
  • Ensure the page works smoothly across mobile, tablet, laptop, and desktop.

2. Create Core Components

3. Full Responsive Behavior

  • Follow Figma breakpoints strictly.
  • Components should adapt layout, spacing, typography, and grid changes.
  • No functional/API integration required — design only.

4. How To Test

Navigate to http://localhost:3000/client/dashboard
Components:
/components/project/*
Icon
/public/icon/client

Actions
Copy link

Also available in: Atom PDF