1.2 KiB
1.2 KiB
title, localeTitle
| 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;
}
يتم استخدام نفس الفكرة على عناصر التذييل.