שינוי סדר עמודות בcss

שתפו את הפוסט

Facebook
LinkedIn
Twitter
Email

בעקבות שאלה שעלתה בדיון בקבוצת אלמנטור ישראל, החלטתי לכתוב עבורכם,
מדריך כיצד לשנות את סדר העמודות בצורה רספונסיבית לפי סוג המכשיר שאתם מעצבים אליו את האתר .

מה זה אלמנטור?

אלמנטור הוא תוסף למערכת וורדפרס ובאמצעותו ניתן לעצב אתרים מכול הסוגים באופן מרהיב ומהיר. התוסף הוא פרי מוחם ועמלם של חבר׳ה ישראלים, והוא מציע אינספור יתרונות למעצבי אתרים.

סדר עמודות באלמנטור

כאשר אנו בונים איזור עם מספר עמודות באלמנטור, הן מסתדרות לפי הסדר שבנינו.
ניתן לשנות בצורה רספנוסיבית סדר של עד 2 עמודות בלי התערבות של קוד או תוסף.
לדוגמא בDesktop:

css בלי להשתמש ב

ובMobile:

רספונסיב.

סידור 3 עמודות או יותר בעזרת css

אך מה בדבר 3 עמודות או יותר? כאן נצטרך להתקין תוסף או נשתמש בקטע קצר של css בעזרת המדריך הבא:

שינוי סדר עמודות בעזרת css

אז מה למדנו היום?
איך אפשר לשנות סידור עמודות של 3 או יותר בעזרת css מבלי להשתמש בתוסף חיצוני או באיזור נסתרים .
אהבת את המדריך? אשמח לקבל פידבק ממך בתגובות ובעמוד שלי.

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

דילוג לתוכן