سؤال بخصوص مكون نصي بسيط باستخدام css

نعم جيد، وسيكوف افضل إذا قمت بتعديل النص بحيث يصبح اكثر قابلة للقراءة، مثل تغيير لونه و تعديل التباعد بين السطور والاحرف وتغيير الخط

وكذلك جعل لون الارقام الموجودة في الزوايا اكثر تبايناً حتى يظهر.

وسيكون جميلاً لو قمت بتعديل الوان المشروع وإضافة بعض الـ border-radius لكل من العناصر المستخدمة.

لا تستهون أبدًا بالتحسن التدريجي بشكل يومي فخلال فترة ستجد نفسك تقوم بإنشاء موقع كامل، هناك بعض النقاط التي يمكن تحسينها في الكود:

يجب عليك استخدام الألوان بطريقة أفضل. يمكنك استخدام الخاصية border-color لتحديد لون الحدود بدلاً من استخدام الخاصية border-top و border-right و border-bottom و border-left.

يمكنك تحسين تنسيق الكود عن طريق إزالة المسافات الزائدة وإضافة تعليقات للمساعدة في قراءة الكود عود نفسك على ذلك.

وهناك أمور متقدمة نسبيًا يمكنك أخذها في الحسبان بعد فترة وهي استخدام قيم ثابتة للأبعاد والمواقع بل يجب عليك استخدام القيم النسبية مثل النسبة المئوية والـ em والـ rem لضمان أن يعمل التصميم بشكل جيد على مختلف أحجام الشاشات.

بشكل عام، إذا كان هذا ثالث يوم لك في تعلم CSS، فأنت على الطريق الصحيح. يجب عليك متابعة التعلم والممارسة بانتظام لتحسين مهاراتك في CSS.

وإليك بعض الدروس التي ستساعدك في تحسين مهارات CSS لديك.

يبدو أنك تتعلم من قناة Elzero Web School وتقوم بحل التكليفات و هذا التكليف رقم 2 في تكلفيات الدروس التي من 30 إلى 33.

بصراحة هذه القناة من أفضل القنوات في المحتوي العربي المجاني (أختيار جيد).

ولكن يوجد بعض التعديلات علي كود  CSSحتي يصبح منظم.

إذا لحظت فهناك خاصية متشابة في الكلاسات مثل  (top-left) و (bottom-left) وهي 

border-right: solid red;

وكذالك في الكلاسات مثل (top-right) و (bottom-right) وهي.

border-left: solid red;

و أنظر إلي الكود بعد التنظيم.

.top-left,.bottom-left{
    border-right: solid red;
}

.top-right, .bottom-right{
    border-left: solid red;

}

.top-left {
    top: -10px; 
    left: -13px;
}

.top-right {
    top: -10px;
    left: 428px;
}

.bottom-left {
    top: 105px;
    left: -15px;
}

.bottom-right {
    top: 105px;
    right: -15px;
}