uclaacm/dev-pathways

Change design of team cards (code)

Opened this issue · 1 comments

This issue stems from #48.

For convenience, here's what I wrote there that led to me creating this new issue:

Honestly, not totally in love with how the card grid is looking with the addition of studio, would it be possible to mess around with the design and try to improve it? Some possible options that come to mind:

  1. Make all cards the same height regardless of content within them.
  2. Instead of having a 3x3 grid, revert back to the same card sizing as we had before, but just include 4 cards on the top and 5 on the bottom. To accomplish this, you would likely have to get rid of the grid and manually place the cards rather than generate them as we are currently (which is not preferred).
  3. Get rid of the grid entirely and completely redesign the team section to be more accommodating to 9 cards.
    Regardless of what you choose, this is probably beyond the scope of this PR, so don't worry about it for now. I'll make a new issue for this.

You can take any of the approaches I listed above (or even a different approach if you think it would be better). However, I do recommend first mocking up your design changes in Figma and messaging me to ask for my thoughts before you start implementing anything in order to save some time.

blocked until #88 is resolved