יצרתי אפיון ריספונסיבי לשתי נקודות שבירה שכיחות עבור Web & Mobile.

 

במקרה זה, לא השתמשתי בשיטת Mobile First ובחרתי להתחיל דווקא מאפיון ל-Web.

​

השינויים בהתאמה ל-Mobile:

קיפלתי עמודות ודירגתי היררכיה מחדש.

העלתי את התוכן והתמונה מעל לסרטון Hero,

מתוך הנחה שהגלישה בנייד היא "על הדרך" בין לבין משהו, וצריך להיות ממוקדים ועניינים במידע שרוצים להעביר בזמן קצר.

השארתי את התפריט פתוח למניעת הקלקות מיותרות (חוק האצבע השמנה).

בנוסף הגדלתי את הפונט בכותרות, והסתרתי טקסט מכותרות המשנה, לטקסט קריא וברור יותר.