درس 46

آزمایشگاه اندازه های CSS

عرض پنجره را تغییر دهید و رفتار تیتر، فاصله ها و کارت ها را مقایسه کنید.

رفتن به تمرین

عرض محتوا

در موبایل حاشیه حفظ می شود و در دسکتاپ محتوا بیش از حد پهن نمی شود.

فاصله واکنش گرا

فاصله داخلی کارت ها حداقل دارد و با عرض صفحه رشد می کند.

اندازه تیتر

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

تمرین: فاصله داخل کادر

فاصله داخلی را بین 1rem و 2rem نگه دارید و مقدار میانی را 4vw بگذارید. کارت های بالا نباید تغییر کنند.