مشكلة في تخطيط شبكة مشاركات الحاوية؟

تجربة المستخدم
1

مرحباً،

لاحظت مشكلة في العرض على الأجهزة اللوحية.

يبدو أن استعلام الوسائط هذا يعمل بشكل جيد على الهاتف المحمول، ولكن أعتقد أنه يجب تفعيله على جميع عروض الأجهزة المحمولة.

@media screen and (max-width: 924px) {
  .container.posts {
    grid-template-areas: "posts";
    grid-template-columns: auto;
  }
}

أكثر من 924 بكسل، سيضيف الخط الزمني إلى template-areas والذي (أعتقد أنه يظهر فقط على سطح المكتب) على الهاتف المحمول يكسر التصميم.

.container.posts {
  display: grid;
  grid-template-areas: "posts timeline";
  grid-template-columns: auto auto;
  margin-bottom: var(--below-topic-margin);
}

شكراً لك :slightly_smiling_face:

إعجابَين (2)
5

@Don لقد أجريت بعض الاختبارات ولا أعتقد أن هذه مشكلة بعد الآن… هل رأيتها تظهر على الإطلاق في الآونة الأخيرة؟

إعجاب واحد (1)
6

شكراً على التحقق يا @awesomerobot.

لكن أعتقد أن هذه لا تزال مشكلة. يبدو أنها تظهر فقط إذا كان topic-progress-wrapper مثبتًا.

إعجاب واحد (1)
7

أرى، أعتقد أنني كنت أنظر إلى الشيء الخطأ. هذا من شأنه أن يصلح التخطيط عندما يتم تثبيت شريط التقدم:

إعجابَين (2)
8

تم إغلاق هذا الموضوع تلقائيًا بعد 3 أيام. لم يعد يُسمح بالردود الجديدة.