boostorg / boostorg/website-v2
Library Cards Display in a Single Column and Mailing List Card Has Incorrect Width in Tablet View
- Dominant language
- HTML
- Stars
- 18
- Forks
- 28
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 77
Description
**Description**
For some libraries, all library cards are displayed in a single column instead of following the expected tablet layout.
Additionally, another UI discrepancy was found compared with the Figma design. The "Join the Boost Developers Mailing List" card is displayed narrower than expected because the Latest Post card takes up more than half of the available screen width.
Affected libraries:
Libraries without dependencies:
https://www.cppal-dev.boost.org/library/latest/config/
https://www.cppal-dev.boost.org/library/latest/utilityenable_if/
https://www.cppal-dev.boost.org/library/latest/algorithmminmax/
https://www.cppal-dev.boost.org/library/latest/bindref/
https://www.cppal-dev.boost.org/library/latest/algorithmstring/
Library with dependencies:
https://www.cppal-dev.boost.org/library/latest/detail/
https://www.cppal-dev.boost.org/library/latest/unordered/
**Steps to Reproduce**
1. Open the website using the Xcode Simulator with a tablet/iPad viewport.
2. Navigate to one of the affected Library pages.
3. Review the layout of the library cards.
4. Notice that all the cards are displayed in a single column.
5. Locate the Latest Post and "Join the Boost Developers Mailing List" cards.
6. Compare their widths and positioning with the Figma design.
7. Notice that the Latest Post card occupies more than half of the screen width, causing the Mailing List card to appear smaller than expected.
8. Compare the same viewport using the browser DevTools responsive mode and notice that the single-column library card issue is not reproduced there.
**Actual Result**
Library cards are displayed in a single column instead of the expected tablet layout.
The Latest Post card takes up more than half of the available width, making the "Join the Boost Developers Mailing List" card narrower than shown in Figma.
The library card behavior differs from what is displayed using the browser DevTools responsive mode.
**Expected Result**
The tablet layout should match the Figma design and remain consistent on an actual/simulated tablet viewport. Library cards should follow the expected tablet column arrangement, and the Latest Post and Mailing List cards should use the intended proportions and alignment.
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.