در این پست اومدم در مورد هدر سایتی که طراحی کردم توضیح بدم .
توضیحات:
کل محتوای هدر در داخل یک ظرف 1080px قرار گرفته است.
هدر width 100% والد خودش رو گرفته است.
یک box shadow اعمال شده تا یک سایه بگیره .
محتوای داخل هدر با flex box تراز بندی شده است .
محتوای داخل باکس با سه div بسنه بندی شده و با ویژگی justify content و با مقدار space between سه div به سه قسمت مساوی تفسیم شده یکی در راست یکی در وسط و یکی در چپ.
با align items و با ویژگی center از محور عمودی به مسط ظرف تراز شده است .
ریسپانسیو کردن هدر :
دکمه های وسط در داخل یک منوی همبرگری میروم
منو از یک input تایپ چک باکس و با یک label حاوی یک ایکون svg میباشد .
هینطور که ابعاد کوچکتر میشود تمامی محتوا کوچکتر میشود .
