از راست شروع شدن عناصر داخل یک المنت

اگر دقت کنید بعد از کلیک برروی یکی از اون لینک ها یکسری استایل از طریق کدهای جاوا اسکریپت برروی المنت ها اعمال میشه

    position: absolute;
    left: 68.79%;
    top: 0px;

یکی اینه که بگرید ببینی کجا این استایل ها رو صدا میزنه که فکر کنم توی فایل js سایت شما باشه و مقادیر بصورت متغییر ست میشن که عملا شاید نتونی بفهمی کجا قرار داره

یک روش دیگه اینه که شما یک تابع توی صفحه ات داشته باشی بعد از کلیک برروی لینک های با این کلاس filterlink => بیای directionاون کلاس box-content رو rtl کنی

$(document).ready(function() {
  $('a.filter__link').click(function() {
     $(".box-content").css("direction", "rtl")
  });
});

فعلا چیزهای که الان حضور ذهن دارم رو گفتم ممکنه راه حل ساده تری هم وجود داشته باشه

@juza66
ممنون ولی با دادن direction درست نشد.
فایل js هم نمیدونم کجاس، پیدا نکردم کجا اعمال میشه

برای پیاده سازی این افکتی که آیتم ها رو فیلتر می‌کنه به احتمال زیاد از یک کتابخونه مثل این یا این استفاده شده. باید بفهمید دقیقا چیه و بعد با مراجعه به مستندات رسمیش، دنبال گزینه ای برای تنظیم direction روی حالت rtl باشید. چون کلیه محاسبات در خصوص محل قرارگیری آیتم ها رو این پکیج داره انجام میده.

با توجه به اینکه همه آیتم ها رو هم با position:absolute جاگذاری می‌کنه، مورادی مثل direction و text-align و flexbox و ... هیچ تاثیری روشون نخواهد داشت و تنها راه حلش همین چیزی هست که عرض کردم. یا هم اینکه کلا این بخشش رو خودتون با استفاده از یکی از مثال های بالا بازنویسی کنید.

فقط کافیه برین توی تگ figure در قسمت استایل left ها را right کنید