توضیحات:
محتوا در داخل یک ظرف (container) 1080px قرار گرفته است.
محتوای بالای کارت ها با flexbox تراز بندی شده .
با ویژگی justify content و با مقدار space-between
محتوا به دو طرف ظرف قرار گرفتن.
با ویژگی align items و مقدار center از محور عمودی مرکز تراز شده است .
کارت های فروشگاهی با flexbox تراز بندی شده است .
به والد کارت ها width 100% اعمال شده تا تمام عرض والد خودش رو بگیره و کارت ها یک عرض برابر بگیرن.
فاصله بین کارت ها با gap تنظیم شده است.
محتوای درون کارت هم مثل ایکون ها و قیمت و محتوای داخل دکمه هم با flexbox تراز بندی شده است.....