Example for 1280px width:
This is due to hardcoding width:75% (<div> for the first three "columns") and width: 25%; in the <div> surrounding the {{Stackable_card}} on the right.
Aklapper | |
Apr 3 2021, 9:48 AM |
F34217144: Screenshot from 2021-04-03 11-45-19.png | |
Apr 3 2021, 9:48 AM |
Example for 1280px width:
This is due to hardcoding width:75% (<div> for the first three "columns") and width: 25%; in the <div> surrounding the {{Stackable_card}} on the right.
I would like to work on this issue, if this project is active please assign this task to me.
Hi @VartikaS12, please see https://www.mediawiki.org/wiki/New_Developers#Communication about assigning - thanks.
This is on-wiki content to edit and seems to require some permissions.
@DAlangi_WMF or @DNdubane_WMF : Who can fix this? Or how can I fix this myself as editing these pages is restricted for reasons not known to me?
@VartikaS12, you can edit the page now. Restrictions has been lowered on editing. Thanks a lot for your interest and do let me know if you need anything else to progress on this issue. :)
@Aklapper, it was done so because since the project was still in active development late last year, things were being changed constantly. Now that the interface is a bit stable, the restriction has been dropped on editing. Thank you!
This should use a CSS flex design, but after an hour staring at the code I'm still puzzled. Seems to also inconsistently uses {{Clickable button 2}} vs custom CSS whenever a button is not a direct link but needs a specific class. Also abuses <br> for vertical layout. Plus T284380: Make boxes have consistent height.
The rework of the landing page covers this. See: https://meta.wikimedia.org/wiki/Wikimedia_Affiliates_Data_Portal.
Thank you very much for reporting.