Issue: column-count property not working on iPhones
Description
The column-count property is not producing the expected two-column layout on iPhones. Instead, the sitemap list flows into a single column, causing the content to overflow outside of the airline box.
Steps to Reproduce
Access the website containing the sitemap list on an iPhone (specific model and iOS version).
Observe that the sitemap list is displayed as a single column, even though the CSS includes column-count: 2 for the relevant element.
Expected Behavior
The sitemap list should be displayed in two columns, as intended by the column-count property, on all platforms, including iPhones.
Actual Behavior
The sitemap list flows into a single column on iPhones, causing the content to overflow outside of the airline box.
Additional Information
The issue is not reproducible on other platforms or devices.
The problem persists across different versions of iOS on iPhones.
Tested on various web browsers on iPhones, including Safari and Chrome, with the same result.
Screenshots
If applicable, please attach screenshots demonstrating the issue.
Possible Solution
One possible solution to ensure consistent rendering across all platforms is to use an alternative approach, such as flexbox, to create the desired two-column layout. Flexbox has proven to be more reliable and compatible across different devices and browsers.
Environment
Device: [e.g., iPhone X]
iOS Version: [e.g., iOS 14.5]
Web Browser: [e.g., Safari, Chrome]
Related Code Snippet
.site-map .ftr-sl ul {
column-count: 2;
}
/ Additional CSS code /
Additional Notes
Won't be fixed as it not very necessary
Issue: column-count property not working on iPhones
Description
The column-count property is not producing the expected two-column layout on iPhones. Instead, the sitemap list flows into a single column, causing the content to overflow outside of the airline box.
Steps to Reproduce
Expected Behavior
The sitemap list should be displayed in two columns, as intended by the column-count property, on all platforms, including iPhones.
Actual Behavior
The sitemap list flows into a single column on iPhones, causing the content to overflow outside of the airline box.
Additional Information
Screenshots
If applicable, please attach screenshots demonstrating the issue.
Possible Solution
One possible solution to ensure consistent rendering across all platforms is to use an alternative approach, such as flexbox, to create the desired two-column layout. Flexbox has proven to be more reliable and compatible across different devices and browsers.
Environment
Related Code Snippet
/ Additional CSS code / Additional Notes Won't be fixed as it not very necessary