Mobile, the "our teams" card looks squeezed - Githubissues

etn-ccis / blui-doc-it

Source code for Brightlayer UI documentation website

https://brightlayer-ui.github.io

2 stars 12 forks source link

Mobile, the "our teams" card looks squeezed #676

Closed huayunh closed 1 year ago

huayunh commented 1 year ago

Describe the bug / expected behavior

On mobile, the team member bio cards should be only one column instead of two

What are the steps to reproduce?

Go to https://brightlayer-ui-dev.github.io/community/our-team
Shrink the browser width as much as you can
Observe that everything is tight

Screenshots / Screen recording

Suggested fix

https://github.com/etn-ccis/blui-doc-it/blob/61e6074d49bd64855e54d7aafd4150b88bef0088/src/app/components/contributors/MaintainersCards.tsx#L52

This line needs to be conditioned so that the 2 column style applies to only sm and above