UX/UI

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

אבל מה עם רספונסיביותתת?! מה עם המובייל?! אל דאגה 🙂

גם הפעם לקחנו עיצוב מורכב ולמדנו המון על בניה נכונה, והפעם… עם קצת CSS!

ברוכים הבאים ל”בואו נעצב מדהים באלמנטור!”


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


בכוונה אנחנו לוקחים עיצובים קיצוניים כדי להתמודד עם תרחישים מורכבים, אבל הי, אנחנו נהנים מזה! 🙂

קובץ פינה מעוגלת: לחצו להורדת קובץ SVG של פינה מעוגלת לבנה הקוד לטקסט מובלט: t{ padding: 1vw 1vw 0.2vw 1vw; border-radius: 0.2em; margin: 0em -0.1em; display: inline-block; transform: rotate(2deg); background-color: blue; color: white; } אפשר להשתמש בקלאס במקום תגית: פה המילה שתרצו להדגיש  הקוד נשאר זהה רק להוסיף נקודה לפני הקלאס: .t{ padding: 1vw 1vw