1.2 KiB
1.2 KiB
title | localeTitle |
---|---|
Add Flex Superpowers to the Tweet Embed | أضف Flex Flexpowers إلى Tweet تضمين |
أضف Flex Flexpowers إلى Tweet تضمين
بناء على التحدي السابق ، سوف تحتاج إلى إضافة الخاصية إلى المحددات الصحيحة. هنا الحيلة هي تحديد محدد الحق ثم كل ما تحتاجه لإضافة العرض: فليكس. خاصية.
سيضمن الرأس أن الصورة والاسم والمقبض ومتابعة الأزرار ستتم إعادة ترتيبها بشكل أفقي.
header { display: flex; }
يحاذي الاسم والمقبض ليبدو كجملة واحدة.
header .profile-name { display:flex; margin-left: 10px; }
ستؤدي إضافة الخاصية إلى زر المتابعة مع الهامش إلى توسيط الزر إلى الحجم الصحيح.
header .follow-btn { display:flex; margin: 0 0 0 auto; }
يتم استخدام نفس الفكرة على عناصر التذييل.