سلام! مشکلی که شما توصیف کرده‌اید مربوط به استفاده از کلاسهای قدیمی بوتستراپ (Bootstrap 3) می‌باشد. در نسخه‌های جدیدتر بوتستراپ (بوتستراپ 4 و بالاتر)، سیستم گرید تغییر کرده و از کلاس‌های متفاوتی برای تعریف ستون‌ها استفاده می‌شود.

برای رفع این مشکل، شما باید کلاس‌های بوتستراپ 3 را به کلاس‌های معادل بوتستراپ 4 تغییر دهید. به عنوان مثال، بجای `col-xs-6` باید از `col-6` استفاده کنید.

در کدپنی که به اشتراک گذاشته‌اید، می‌توانید این تغییرات را اعمال کنید. این تغییرات باید به این صورت باشند:

```html
<div class="col-6">نمونه متن 1</div>
<div class="col-6">نمونه متن 2</div>
```

با این تغییرات، دو ستون به درستی در هر سایزی از مرورگر نمایش داده خواهند شد.

سلام رفیق توی خط 47 CSS باید بین and  و پرانتز یه فاصله بزاری!😅

این کدی که من نوشتم یه مینی فریم ورک هست که جدا از بوسترپ هست 

این کدی که من نوشتم یه مینی فریم ورک هست که جدا از بوسترپ هست 

اقای علیرضا ممنون بابت پاسخ خوبتون من تغییراتی که گفتید رو اعمال کردم و درحالت xs و s درست شد ولی در حالت md و l و xl همچنان اعمال نمیشه