Change Details

Depending on the width of the browser window infobox appear too narrow. Most infobox tables specify a width of 200px inline. After making the window smaller than 720px a media query kicks in to make the table bigger. Example: https://en.wikipedia.org/api/rest_v1/page/mobile-html/Cat ```lang=html <table class="infobox biota" style="text-align: left; width: 200px; font-size: 100%"> ``` ```lang=css @media (max-width: 720px) .content table { display: block; width: 100% !important; } ``` {F24619679} {F24619716} I'm not sure why the width of the table is set inline to 200px.

Depending on the width of the browser window infobox appear too narrow. Most infobox tables specify a width of 200px inline. After making the window smaller than 720px a media query kicks in to make the table bigger. Example: https://en.wikipedia.org/api/rest_v1/page/mobile-html/Cat ```lang=html <table class="infobox biota" style="text-align: left; width: 200px; font-size: 100%"> ``` ```lang=css @media (max-width: 720px) .content table { display: block; width: 100% !important; } ``` {F24619679} The problem is that it leads to the table having a horizontal scrollbar: {F24643724} I'm not sure why the width of the table is set inline to 200px. This doesn't happen when the window is smaller: {F24619716}

Depending on the width of the browser window infobox appear too narrow. Most infobox tables specify a width of 200px inline. After making the window smaller than 720px a media query kicks in to make the table bigger. Example: https://en.wikipedia.org/api/rest_v1/page/mobile-html/Cat ```lang=html <table class="infobox biota" style="text-align: left; width: 200px; font-size: 100%"> ``` ```lang=css @media (max-width: 720px) .content table { display: block; width: 100% !important; } ``` {F24619679} The problem is that it leads to the table having a horizontal scrollbar: {F24619716}43724} I'm not sure why the width of the table is set inline to 200px. This doesn't happen when the window is smaller: {F24619716}