CSS layout issues on the "Sponsorship Grants Report" page - Githubissues

WordPress / wordcamp.org

WordCamps are casual, locally-organized conferences covering everything related to WordPress.

https://wordcamp.org

132 stars 74 forks source link

CSS layout issues on the "Sponsorship Grants Report" page #1079

Open jagirbahesh opened 1 year ago

jagirbahesh commented 1 year ago

Describe the bug

The "Sponsorship Grants Report" page (https://central.wordcamp.org/reports/sponsorship-grants-report/) has a layout problems on mobile (Safari 17.0.3) and desktop (chrome 117.0.5938.149). The WordCamp drop down is overlapping on resources widget area.

To reproduce

Visit this page ( https://central.wordcamp.org/reports/sponsorship-grants-report/ )

Expected behavior

WordCamp drop down not overlap to resources widget area. Here I have shared the screen-shot for reference:

expected-behavior-Desktop-Sponsorship-Grants-Report–WordCamp-Central

Mobile Issue of Screenshots Mobile-Sponsorship-Grants-Report–WordCamp-Central

Desktop Issue of Screenshots

Desktop-Sponsorship-Grants-Report–WordCamp-Central

Devices information

Device: [ Macbook Pro laptop, iPhone11]
OS: [ macOs 13.4.1 ,iOS 17.0.3]
Mobile Browser [ safari 17.0.3]
Desktop Browser [chrome 117.0.5938.149]

alanef commented 1 year ago

And on Firefox Developer 118.0b9

shail-mehta commented 1 year ago

PR : https://github.com/WordPress/wordcamp.org/pull/1080