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

کارت فروشگاهی با HTML و CSS

کارت فروشگاهی با HTML و  CSS
کارت فروشگاهی با HTML و CSS



توضیحات:

محتوا در داخل یک ظرف (container) 1080px قرار گرفته است.




محتوای بالای کارت ها با flexbox تراز بندی شده .

با ویژگی justify content و با مقدار space-between محتوا به دو طرف ظرف قرار گرفتن.

با ویژگی align items و مقدار center از محور عمودی مرکز تراز شده است .



کارت های فروشگاهی با flexbox تراز بندی شده است .

به والد کارت ها width 100% اعمال شده تا تمام عرض والد خودش رو بگیره و کارت ها یک عرض برابر بگیرن.

فاصله بین کارت ها با gap تنظیم شده است.



محتوای درون کارت هم مثل ایکون ها و قیمت و محتوای داخل دکمه هم با flexbox تراز بندی شده است.....


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