سؤال في css

بسبب أنك حددت عرض 90% في التنسيق هنا:

.collections-sec .row {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 90%;
    background-color: red;
    margin: auto;
}

أيضًا حددت margin بقيمة auto بالتالي سيتم توسيط العنصر في المساحة المتبقية من العنصر الأب أي نسبة 10%

يرجح أن تكون هاته المسافات بسبب الهوامش والحواشي الافتراضية المطبقة على العناصر عادة، لذلك تأكد من أن أي هامش أو حاشية متحكم فيها:

.your-container{
     margrin:0;
     padding:0;
}
.your-element{
     margrin:0;
}

أيضا تأكد من توسيط العناصر داخل الحاوية المرنة:

.your-container{
     align-items: center;
}