responsive کردن یک فایل 3 ستونه

[mohsen29 37]

سلام مثلا کدی به صورت زیر داریم

<section class="c1">
ستون اول سمت راست
</section>
<section class="c2">
ستون دوم وسط
</section>
<section class="c3">
ستون سوم سمت چپ
</section>

کد استایل

.c1{float:right;margin-left:10px}
.c2{float:right;margin-left:10px;margin-right:10px;}
.c3{float:left;margin-left:10px}

من تصمیمی که دارم اینه ک section با کلاس c2 تو حالبت رسپانسیو اول بیاد بعد ستون c1 بعد ستون c3.با مدیا کوئری آشنایی در حد متوسط رو دارم اما این روشی که من گفتم چطور انجام میشه؟

[M.Javad 684]

اگه منظورتون اینه که ستون c2 از سمت راست اول نشون بده کافیه در کد html جای تگ c2 رو با c1 عوض کنی

<section class="c2">
ستون دوم وسط
</section>
<section class="c1">
ستون اول سمت راست
</section>
<section class="c3">
ستون سوم سمت چپ
</section>

به این صورت

[mohsen29 37]

خب من نمی خوام اینکارو بکنم با این کار اون ستون وسط دیگه وسط نیست در حالت معمولی ستون سمت راست محسوب میشه

[onlinewebsite 113]

ستون اول و دوم رو بزارید توی یک ستون مشترک و فلوت راست کنید.

بعد توی ستون مشترک ستون اول رو فلوت چپ کنید و ستون دوم رو فلوت راست