fix: update mobile responsiveness, contribution page updates - Githubissues

thinkingmachines / unicef-ai4d-research-bank

UNICEF AI4D Research Bank - A website that provides user with accessibility to open source datasets, models, and scripts for countries across Southeast Asia (SEA)

https://thinkingmachines.github.io/unicef-ai4d-research-bank/

MIT License

3 stars 8 forks source link

fix: update mobile responsiveness, contribution page updates #168

Closed tm-ger-chagas closed 1 year ago

tm-ger-chagas commented 1 year ago

Extra details

This PR fixes a bunch of errors related to bad margins, and phantom backgrounds appearing in mobile sized screens

Changelog

[x] adds styling to contribution page tables
[x] add conditionally converts github images from relative path to absolute path
[x] make header and footer responsive
[x] make catalogue search page, contribution page, and catalogue item page responsive

How to test

https://github.com/thinkingmachines/unicef-ai4d-research-bank/assets/122899250/b21e6fb9-1f15-4ea2-b904-424defba6439

Assert that the the header and footer are responsive
Assert that the catalogue search page is responsive
Assert that the catalogue item page is responsive
Assert that the contribution page is responsive
Assert that the tables in the contribution page render zebra striped color styling