Enhance Card Layout for Better Readability

[AbhilashK26]

Enhance Card Layout for Better Readability

Description

Revamp the design of the Profile Card to improve readability and user experience. Currently, the card displays the Email and Resume Link, followed by the View Profile button. The updated layout should include:

• Full Name
• Department
• Year
• Resume Link as usual
• View Profile button as usual

Additionally, improve the overall UI/UX of the card to make it more visually appealing and structured.

Acceptance Criteria

• Add fields for Full Name, Department, and Year to the card layout.
• Retain the Resume Link and View Profile button in their respective places.
• Improve the visual hierarchy and spacing of the card for better readability.
• Ensure responsiveness and compatibility across various screen sizes.

File Changes

• codebase/frontend/src/components/LatestUser.jsx:
  • Update the card layout to include the new fields.
  • Adjust styling to enhance the UI/UX of the card.

Additional Notes

• Use consistent typography and spacing to improve clarity and readability.
• Consider adding icons or subtle dividers for better differentiation between fields.
• Test the layout across different devices to ensure responsiveness.

Follow Pull Request Guidelines:

• Follow the Pull_request_template.md file when submitting the Pull Request.