הגדרות רספונסיביות לקונטיינר הפנימי (התאים של הטבלה)
- בטאבלט: פריסה > רוחב מלא > 40%
- במובייל: יש הגדרה אוטומטית של פריסה 100%
הגדרות מרווחים לקונטיינר הראשי
- דסקטופ: פריסה > ריווחים > 40px, מתקדם > שוליים פנימיים > 40px
- טאבלט: פריסה > ריווחים > 20px, מתקדם > שוליים פנימיים > 20px
- מובייל: פריסה > ריווחים > 10px, מתקדם > שוליים פנימיים > 10px
4 תגובות
מדהים
הכרתי הכל אבל להבין את זה מסודר זה כזה כיף ומסדר את הראש
איך את יודעת לתכנן את הרספונסיבי, לפי העיצוב של האתר ברספונסיב לפני?
תודה רות,
שמחה מאוד שנהנית :)
אם אני בונה את האתר (ולא מדובר במערכות מורכבות) אני לא מתכננת את הרספונסיביות לפני, אלא תוך כדי עבודה.
זה דורש 3 דברים:
1. להכיר המון המון אתרים ומערכות בכל נקודת שבירה
2. לתכנן נכון את המסך, ולגשת לבניה מתוך חשיבה.
3. סבלנות. הרבההההה סבלנות :)
תצליחי המון,
חגית
חגית שלום!
תודה על השיעורים, אני נהנית מאד מהבהירות והמקצועיות
יש לי שאלה לגבי רספונסיביות של קונטיינרים
בניתי עמוד בצורה מאד דומה למה שהסברת
אבל במובייל אני רוצה שאזורים יתחלפו ביניהם, כלומר שהקונטיינר הימני יופיע במובייל בשמאל, והשמאלי יופיע בימין.
באלמנטור הישן היה כפתור שאיפשר את זה
וכעת לא הצלחתי
יש אפשרות של סדר מותאם, אבל כל מספר שכתבתי העיף את הקונטיינר לסוף
אשמח לדעת איך מבצעים את זה
תודה
שלום מירי :)
שמחה מאוד שאת נהנית מהשיעורים.
כדי להחליף את הסדר במובייל את צריכה לתפוס את הקונטיינר הראשון > מתקדם > סדר > ללחוץ על 3 הנקודות > ולכתוב עבורו את המספר 2 (הוא יהיה השני במובייל)
ואח”כ לתפוס את הקונטיינר השני > מתקדם > סדר > ללחוץ על 3 הנקודות > ולכתוב עבורו את המספר 1 (הוא יהיה הראשון במובייל)
בחלק השני של הקורס תוכלי ללמוד לעומק איך ליצור רספונסיביות עם סדר מותאם. (יעלה בקרוב)
תצליחי המון,
חגית