Inconsistent height of div

creativecommons / creativecommons.github.io-source

Source files for CC Open Source website

https://opensource.creativecommons.org/

MIT License

77 stars 161 forks source link

Inconsistent height of div #762

Closed ShivamAhir closed 6 months ago

ShivamAhir commented 6 months ago

Description

The height of the div container under "Featured Projects" is inconsistent. Currently, the height of the div is determined by its content, which can be improved for better UI consistency.

Reproduction

Under the FEATURED PROJECTS there are inconsistent containers.

Expectation

The div can have a fixed height, and we can enable scrolling for large content so that all divs appear similar in size.

Screenshots

Environment

Device: (eg. iPhone Xs; laptop)
OS: (eg. iOS 13.5; Fedora 32)
Browser: (eg. Safari; Firefox)
Version: (eg. 13; 73)
Other info: (eg. display resolution, ease-of-access settings)

Resolution

[x] I would be interested in resolving this bug.

SamarthShukla17 commented 6 months ago

I would love to fix this issue. Could you asign this to me. Thanks

ShivamAhir commented 6 months ago

Hello @SamarthShukla17 , it's great to see your interest in contributing. However, I want to address this issue. The task you've expressed interest in isn't currently ready for work. Please refer to the Contribution Guidelines for more details.

SamarthShukla17 commented 6 months ago

Thanks for the information. I really appreciate.

possumbilities commented 6 months ago

I believe this is intended behavior. If we were to correct this it would require adding extra whitespace within the cards to maintain consistent height, which would add uneven whitespace within each card and create the same problem in reverse.

A final alternative might be adjusting the content itself so that all cards are the same height, but the nature of responsive and fluid material of the web runs counter to be controlled so directly.

Closing.