Skip to content

Enhance Card Layout for Better Readability  #52

@AbhilashK26

Description

@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:

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions