مرتضی رحمان (فرانت اند)
مرتضی رحمان (فرانت اند)
خواندن ۱ دقیقه·۴ ماه پیش

هدر سایت با HTML و CSS

Header websit
Header websit

در این پست اومدم در مورد هدر سایتی که طراحی کردم توضیح بدم .



توضیحات:

کل محتوای هدر در داخل یک ظرف 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 از محور عمودی به مرکز ظرف تراز شده است .


htmlcssفرانت اندبرنامه نویسیهدر
برنامه نویس فرانت اند (تازه کار) بی وقفه دنبال یادگیری برای بالا بردم مهارت و دانش در برنامه نویسی...
شاید از این پست‌ها خوشتان بیاید