Project Detail Section Not Scaling Properly on Different Screen Sizes

[YuxinZhang214]

Describe the bug
The 'Project Detail' section of the website is not responsive and does not adjust properly according to different screen sizes.

To Reproduce

1. Open the website on a device with a different screen size or adjust the browser window size.
2. Navigate to the 'Project Detail' section.
3. Observe that the layout does not adjust correctly according to the screen size.

Expected behaviour
The 'Project Detail' section should adjust its layout to fit the screen size.

Actual behaviour
The 'Project Detail' section is not responsive according to the screen size.

Suggested Solution
The 'Project Detail' section needs to be made responsive. This may involve adjusting CSS properties and potentially using a responsive design framework or employing media queries to ensure proper display on various screen sizes.

Screenshots

Environment

• OS: macOS Ventura 13.2.1
• Browser: Chrome 115.0.5790.114
• Node.js version: v16.17.1