تغییر عرض بلوک ریسپانسیو

سلام اساتید
این سایت رو ملاحظه کنید لطفا

http://www.qomtakhfif.com/

میخام در حالت موبایل که در هر سطر یک تخفیف نشون داده میشه ، تخفیف عریض تر شه به اندازه کل صفحه (از لحاظ چپ و راست)

یعنی این :

ضمیمه 144601


به این تبدیل شود :

ضمیمه 144602


css :

@font-face {	font-family: 'BYekan';

	src: url(fonts/BYekan.woff) format('woff');



	}



.farsdesigner-com-main { width:100%; margin:0}	



.farsdesigner-com-box {background-color:#c99045; width:235px;text-decoration:none;padding-bottom:10px;display: inline-block; margin-top:5px;  margin-left:5px; margin-right:5px;margin-bottom:5px;text-align:center}



.farsdesigner-com-box h3 {color:#FFFFFF; font-family:BYekan; font-size:19px; padding-top:20px;margin-bottom:8px}



.farsdesigner-com-box ul {font-family:BYekan;list-style:none; margin:0 11px 0 0 }



.farsdesigner-com-box img {margin:1px 0 0 0; padding:0 0 0 0;}



.farsdesigner-com-box ul li {text-align:right;width:211px; height:27px}



.farsdesigner-com-box ul li p {background-color:#805a29; color:#fff; margin:1px 0 0 0; padding:0 0 0 0; line-height:25px;font-size:17px;}



.farsdesigner-com-box ul li p:hover {background-color:#ceb525}



.farsdesigner-com-kharid a {text-decoration:none; color:#805a29; background-color:#f1d52e; font-size:20px; font-family:BYekan; width:211px; line-height:55px; margin-top:10px; margin-right:auto; margin-left:auto; border-bottom:medium solid ; border-color:#b39f25; transition:all 0.5s; cursor: pointer; outline: none; display: inline-block;}

 .farsdesigner-com-kharid a:hover {border-color:#9900FF}

برای اینکار باید از دستورات مدیا اسکرین استفاده کنید.
کلاس farsdesigner-com-box رو برای عرض صفحه نمایش های مختلف سفارشی سازی کنید.

نقل قول:

---

نوشته شده توسط lovephp

برای اینکار باید از دستورات مدیا اسکرین استفاده کنید.
کلاس farsdesigner-com-box رو برای عرض صفحه نمایش های مختلف سفارشی سازی کنید.

---

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

البته یک استایل اصلی هم دارم کو توش دستورات مدیا اسکرین هست اما برای سایر قسمتهای سایته

فکر کنم

farsdesigner-com-box رو باید در اون ها قرار بدم اما چجوری

کسی کمک نمیکنه ؟

نقل قول:

---

متاسفانه من در ضمیمه سی اس اس اطلاع چندانی ندارم میشه راهنماییم کنید

---

سلام دوست عزیز...توی انجمن بچه ها میتونن شمارو راهنمایی کنن..یعنی بهتون راه رو نشون بدن...وقتی شما سی اس اس بلد نباشین چجوری میشه راه نشون داد یا راهنمایی کرد؟

به نظرم بهتره که سی اس اس خودتون رو قوی تر کنید..چون اینجوری به نتیجه نمیرسید
موفق باشید

با تشکر یه تیکه کدی هم به من بدن من سر نخ دستم بیاد بقیشو خودم میرم.

ضمن تبریک سال نو

یک کمکی کنید

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

با تشکر بدون اون نمیشه ؟ نمیخام واسه این یک کار بوت استپ لود ش رو سایت