مرجع رسمی مقالات طراحی سایت اختصاصی مرجع رسمی مقالات طراحی سایت اختصاصی .

مرجع رسمی مقالات طراحی سایت اختصاصی

تبدیل 4 ستونه به 3 ستونه

برای تبدیل 4 ستونه به 3 ستونه که طراحی سایت اختصاصی پهنا رایا پارس آن کمتر ahrefs از 740px میباشد

1. تبدیل پهنا .grid4 .col به 31.2%

2. ویرایش left margin و clear

3. ست نمودن دوباره left margin و clear property بوسیله فرمان nth-of-type(3n+1) برای ساخت پوسته سه ستونه

 

@media screen and (max-width: 740px)
{ .grid4 .col { width: 31.2%; }
.grid4 .col:nth-of-type(4n+1) { margin-left: 3.2%; clear: none; }
.grid4 .col:nth-of-type(3n+1) { margin-left: 0; clear: left; }
}


برچسب: طراحی سایت اختصاصی،
امتیاز دهید:
رتبه از پنج: 0
بازدید:

+ نوشته شده: ۷ شهریور ۱۴۰۱ساعت: ۰۱:۰۴:۵۱ توسط:حجت عسکری موضوع: نظرات (0)