ימים
שעות
דקות
שניות
הנחות בלאק פריידי על כל הקורסים באתר!

רספונסיביות לטבלת קונטיינרים 7:01

לאיכות צפיה ברמה גבוהה לחצי על גלגל השיניים מתחת לכל סרטון > איכות > 1080p

הסרטון מוטמע מיוטיוב על מנת לאפשר לך חווית למידה מעולה ונוחה. אין שום רשות להעתיק או להפיץ את הקישור לסרטון. תודה :)

הגדרות רספונסיביות לקונטיינר הפנימי (התאים של הטבלה)

  1. בטאבלט: פריסה > רוחב מלא > 40%
  2. במובייל: יש הגדרה אוטומטית של פריסה 100%

הגדרות מרווחים לקונטיינר הראשי

  1. דסקטופ: פריסה > ריווחים > 40px, מתקדם > שוליים פנימיים > 40px
  2. טאבלט: פריסה > ריווחים > 20px, מתקדם > שוליים פנימיים > 20px
  3. מובייל: פריסה > ריווחים > 10px, מתקדם > שוליים פנימיים > 10px

4 תגובות

    1. תודה רות,
      שמחה מאוד שנהנית :)

      אם אני בונה את האתר (ולא מדובר במערכות מורכבות) אני לא מתכננת את הרספונסיביות לפני, אלא תוך כדי עבודה.
      זה דורש 3 דברים:
      1. להכיר המון המון אתרים ומערכות בכל נקודת שבירה
      2. לתכנן נכון את המסך, ולגשת לבניה מתוך חשיבה.
      3. סבלנות. הרבההההה סבלנות :)

      תצליחי המון,
      חגית

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

    1. שלום מירי :)
      שמחה מאוד שאת נהנית מהשיעורים.

      כדי להחליף את הסדר במובייל את צריכה לתפוס את הקונטיינר הראשון > מתקדם > סדר > ללחוץ על 3 הנקודות > ולכתוב עבורו את המספר 2 (הוא יהיה השני במובייל)
      ואח”כ לתפוס את הקונטיינר השני > מתקדם > סדר > ללחוץ על 3 הנקודות > ולכתוב עבורו את המספר 1 (הוא יהיה הראשון במובייל)

      בחלק השני של הקורס תוכלי ללמוד לעומק איך ליצור רספונסיביות עם סדר מותאם. (יעלה בקרוב)

      תצליחי המון,
      חגית

כתיבת תגובה

ברוכה הבאה לקורס קונטיינרים באלמנטור

דילוג לתוכן