في ال css

كما لو ان اللينر كريدينت لا يبدأ من اقص اليسار فهناك مكان تضهر منه الbg

وعليكم السلام!

يمكن أن يكون هناك عدة أسباب لظهور خط بين الـ divs وظهور الـ bg في مكان غير المتوقع.

• تأكد من أن الـ divs معرفة بشكل صحيح في الـ HTML وأنهما ليسان متداخلين بشكل غير صحيح.
• قد يكون لديك هوامش (margins) أو تباعد (padding) غير مقصود بين الـ divs، وهذا يجعل الخط يظهر. يمكنك تعديل الهوامش أو التباعد بواسطة CSS للتحكم في المسافات بين العناصر.
• إذا كنت تستخدم الـ border أو الـ box-shadow في الـ divs، فقد يسبب ذلك ظهور خطوط غير مرغوب فيها. يمكنك ضبط الـ border أو الـ box-shadow بشكل صحيح لمنع ظهور الخطوط.
• إذا كنت تستخدم خاصية الـ background-clip في CSS بقيمة غير مناسبة، فقد يؤدي ذلك إلى ظهور الـ bg في مكان غير المتوقع. يمكنك تعديل قيمة الـ background-clip لتحقيق المظهر المطلوب.
• قد يكون لديك نصوص تسبب تأثيرات غير مرغوب فيها على الـ divs. يمكنك تحديد خصائص النصوص بدقة باستخدام CSS لتجنب ظهور الخطوط.

في جميع الأحوال , هذا كود يحقق ما تريده يمكنك تجربته :

HTML :

<div class="container">
  <div class="box">Div 1</div>
  <div class="box">Div 2</div>
</div>

CSS:

.container {
  display: flex;
}

.box {
  flex: 1;
  height: 200px;
  border: 1px solid black;
  background-color: lightgray;
}

المشكلة غير واضحة بدون الكود بالطبع، والصورة لا توضح ما المشكلة بدون أن تضع علامات على الصورة.

عامًة يمكنك استخدام الأداة التالية لتوليد  linear-gradient:

وكمثال:

  <div class="container">

css:

.container{
  height: 300px;
  background: rgb(227,20,117);
background: linear-gradient(172deg, rgba(227,20,117,1) 31%, rgba(50,200,233,1) 94%);
}