تبدیل 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
بازدید: