# أحدث قائمة كعرض شبكي

**URL:** <https://meta.discourse.org/t/latest-list-as-grid-view/268790>\
**Category:** Development\
**Created:** [18 يونيو 2023، 8:26ص UTC](https://meta.discourse.org/t/latest-list-as-grid-view/268790 "2023-06-18T08:26:09Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [19 يونيو 2023، 7:25ص UTC](https://meta.discourse.org/t/latest-list-as-grid-view/268790/5 "2023-06-19T07:25:02Z")

</div>

> [@daemon](#):
>
> ليس لدي صور في المشاركات، ويجب أن تكون مرنة مع الأعمدة (تعتمد على دقة الشاشة).

إنها كذلك، لهذا السبب يوجد عمود واحد فقط على الهاتف المحمول.

على جهاز آيباد 11 بوصة مع شريط جانبي واحد على اليمين، يعرض TLP عمودين في الوضع الأفقي، وعمودًا واحدًا في الوضع الرأسي.

هذا هو السطر الرئيسي في TLP:

> <https://github.com/merefield/discourse-tc-topic-list-previews/blob/a4c3fc6ed3caf8f4aa93b20f44ad14d200794823/common/common.scss#L43>

يجب عليك قراءة هذا:

> **[CSS Grid Layout Guide | CSS-Tricks](https://css-tricks.com/snippets/css/complete-guide-grid/)**
>
> Our comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.

وهذا (لكنني لست متأكدًا مما إذا كانت ‘الدقة’ هي ما تقصده لأن ذلك يمكن الخلط بينه وبين DPI):

> <https://stackoverflow.com/questions/11722442/is-there-a-way-to-use-dpi-in-css-media-queries-instead-of-px>

---

_[View the full topic](https://meta.discourse.org/t/latest-list-as-grid-view/268790)._