Skip to content

Conversation

@atontalapur
Copy link
Collaborator

Desktop:

Screenshot 2025-10-21 at 6 36 29 PM

Mobile:

Screenshot 2025-10-21 at 6 37 51 PM

@atontalapur atontalapur self-assigned this Oct 22, 2025
@atontalapur atontalapur linked an issue Oct 22, 2025 that may be closed by this pull request
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds a new "Second Row" component to the Board page, displaying profile cards for two Co-Coordinators (Tejal Prabhu and Pascale Gibbs) with their images and titles. The component uses responsive design with flexbox layout that adapts between mobile and desktop views.

  • Added BoardSecondRow component with profile cards for two board members
  • Integrated the new component into the Board page
  • Added missing "lint" script to package.json

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File Description
src/components/Board/BoardSecondRow.tsx New component rendering two profile cards with images, names, and titles in a responsive layout
src/app/board/page.tsx Imported and rendered BoardSecondRow component on the Board page
package.json Added "lint" script for Next.js linting

Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.


<div className="pt-20 text-center">
<div className="bg-mocktrial-yellow relative inset-0 mx-auto h-[300px] w-[300px] rounded-3xl">
<div className="absolute z-10 -mt-31 mr-2">
Copy link

Copilot AI Oct 22, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The second profile card uses different positioning classes ('-mt-31 mr-2') compared to the first card ('-mt-28'), creating inconsistent spacing. This inconsistency may be unintentional and could lead to alignment issues. Consider using consistent positioning values unless there's a specific design reason for the difference.

Suggested change
<div className="absolute z-10 -mt-31 mr-2">
<div className="absolute z-10 -mt-28">

Copilot uses AI. Check for mistakes.
Copy link
Contributor

@wesleylwu wesleylwu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

a few more comments and your good!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Week 4: Board Second Row

3 participants