עיצוב רספונסיבי

שנו את גודל החלון וראו איך הדף מתאים את עצמו!

💡 טיפ: גררו את גבולות החלון כדי לראות את השינויים. המעבר קורה ב-768px ו-1024px.

📱 Mobile First

העיצוב הבסיסי מותאם למובייל, ואז מורחב למסכים גדולים יותר.

📐 Breakpoints

נקודות מעבר בהן העיצוב משתנה: 768px (טאבלט), 1024px (דסקטופ).

🎯 Media Queries

כללי CSS שמופעלים רק בתנאים מסוימים (רוחב מסך, כיוון וכו').

📏 יחידות יחסיות

%, vw, vh, rem - יחידות שמתאימות את עצמן לגודל המסך.

🔄 Flexbox & Grid

כלי פריסה מודרניים שמקלים על יצירת layouts רספונסיביים.

📐 clamp()

פונקציה שמגדירה מינימום, ערך מועדף, ומקסימום - מושלמת לגופנים!