flexbox practice excercises

ممارسة ممارسة Flexbox

لقد قمت بإنشاء هذا الريبو بقصد ممارسة مقدار Flexbox الذي أتقنته من أجل إنشاء تخطيطات ، ومكونات نمط باستخدام CSS Flexbox.

في منتصف الطريق ، فكرت لماذا لا تسمح للمطورين الآخرين بعرض إتقان Flexbox أيضًا.

كيفية المساهمة

1. شوكة الريبو
2. قم بإنشاء مجلد جديد في دليل الجذر وأضف ملفات مشروع Flex الخاصة بك هناك.
3. بعد الانتهاء من مشروعك ، أضف الرابط إلى ملف المشروع الخاص بك في ملف index.html الجذر باستخدام التنسيق التالي.

...

< li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights
  </ a >
</ li >

...

حذر!!! : تأكد من أنك لا تضيف مائلًا للأمام ( /) في بداية رابط HREF ، وإلا فلن يعمل الرابط إلى مشروعك!.

4. يمكنك إلحاق اسمك إلى نهاية الرابط حتى يتمكن الآخرون من معرفة أنك قمت بإنشاء المشروع أو البحث عنك على سبيل المثال

 < li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights - John Mwendwa
  </ a >
</ li >

5. حاول استخدام FlexBox فقط لتخطيطاتك وتصميمك لمعرفة المبلغ الذي قمت بحشده.

6. إذا كنت ترغب أيضًا في عرض إتقان شبكة CSS الخاصة بك ، فقم بالاطلاع على ريبو الآخر على شبكة CSS وتأكد من المساهمة هنا

7. لا تنسى دور البطولة؟

كلمة للمصممين!

إذا كان لديك عين جيدة للغاية للتصميم ، فيمكنك تغيير ورقة الأنماط. على الرغم من أن كل التعديلات الخاصة بك ليست مضمونة دائمًا للاندماج ، إلا أنها تستحق دائمًا الجهد.

عرض حي

https://johnmwendwa.github.io/flexbox-practice-excercises