Closed arvind0598 closed 3 years ago
Can I take this issue? @arvind0598
Yep for sure, go for it @adil14788
Currently, all the badges sit on the top-right of a card. I feel it would be visually easier to read if we could get the language badge to sit on the left.
So,all the badges are situated at the center ,and there is little space to make the language badge sit at the left @arvind0598 what should I do?? Can you help me?
It doesn't look like you're on the latest version of the codebase. Make sure you do a git pull
before starting development.
Here's what the screen looks like for me, after #14 got merged.
You'll notice they're all flex-aligned to the start (not the center), I'd expect the change to have all the badges aligned to the end, and the language to sit at the start all by itself.
@emmalearnscode anything you'd wanna pitch in here to help @adil14788?
Sure, at the moment all three are in one container, with flex-start. I suggest wrapping the second and third badge in a box so they are grouped, then change the flex to space-between
Thanks, @emmalearnscode for the guidance,this is what I have done is this fine @arvind0598
This looks great @adil14788, thankyou.
Currently, all the badges sit on the top-right of a card. I feel it would be visually easier to read if we could get the language badge to sit on the left. This should also correspond to the @todo within the BadgeProps type, in components/repository.tsx