در این پست اومدم در مورد هدر سایتی که طراحی کردم توضیح بدم .
توضیحات:
کل محتوای هدر در داخل یک ظرف 1080px قرار گرفته است.
باکس دکمه ها و ایکون width 100% والد خودش رو گرفته است.
یک box shadow اعمال شده تا یک سایه بگیره .
محتوای داخل باکس با flex box تراز بندی شده است .
محتوای داخل باکس به دو div بسنه بندی شده و با ویژگی justify content و با مقدار space between دو div به دو طرف ظرف قرار گرفته است و با align items و با ویژگی center از محور عمودی به مسط ظرف تراز شده است .
محتوای پایین هدر سایت با سیستم شبکه بندی گرید شبکه بندی شده است .
و با ویژگی grid template columns و با تابع ropeat و با ویژگی (2,1fr) به دو ستون برابر شبکه بندی شده است و با align items و با ویژگی center از محور عمودی به مرکز ظرف تراز شده است .
