ה-Codelab הזה מאפשר לך לשתף ולהציג את הדרך המועדפת עליך להתרכז שירות CSS.
בפוסט שפרסמתי בבלוג Centering in CSS מוסבר על 5 הדרכים האהובות עליי להתמקד ב-CSS. או לצפות בסרטון הזה!
הגדרה
- לוחצים על רמיקס לעריכה כדי לערוך את הפרויקט.
- פתיחה של
app/index.html
- ב-
line 23
, מחליפים את/* your centering CSS here /*
בשירות ה-CSS - (אופציונלי) נותנים שם לטכניקת מרכוז ומחליפים את הטקסט שב
<h1>
סגנונות
- יצירת קובץ חדש בתיקייה
app/css/
- יוצרים בורר כדי להחזיק את הפתרון למרכז, למשל
.turbo-center
או[floaty-mcfloat]
- בתוך הסלקטור החדש, כתבו את שיטת המרכוז (אל תהססו לחפש).
לצד השני ב
app/css/
כדוגמאות) - (אופציונלי) אפשר לכתוב כמה 'סגנונות תמיכה' כך שנוכל לראות אילו ילדים צריכים כדי לתמוך במרכז
- יש לפתוח את
app/css/index.css
ולייבא את הקובץ החדש בחלק התחתון
לקשור הכול
- פתיחה חוזרת של
app/index.html
- מאתרים את
<article>
ומעניקים לו את הבורר המותאם אישית שיצרתם בשלב 2 של בקטע הקודם. - שלחו לי ציוץ על התקלה שלכם ואני אציג אותו הפוסט בבלוג!