چیدمان پاسخگو

طراحی واکنشگرا مستلزم آن است که وب سایت ها با دستگاهی که در آن نمایش داده می شوند سازگار شوند. طرح‌بندی واکنش‌گرا بسیار کلیدی است، و HTML و CSS اکنون ویژگی‌هایی را ارائه می‌کنند که ایجاد طرح‌بندی‌هایی را که در طیف وسیعی از دستگاه‌ها و اندازه‌های صفحه به خوبی کار می‌کنند، آسان‌تر از همیشه می‌کنند. در این دوره، Clarissa Peterson اصول طراحی طرح‌بندی وب‌سایت واکنش‌گرا با آخرین استانداردها از جمله CSS Flexbox و Grid را پوشش می‌دهد. اصول اولیه را مرور کنید، مانند کار کردن با ویژگی های موقعیت و شناور برای تنظیم مکان عناصر روی صفحه، و نحوه استفاده از پرس و جوهای رسانه ای برای به روز رسانی فعال طرح خود را بیابید. سپس وارد CSS Grid شوید، از جمله تراز کردن و سفارش دادن آیتم‌ها در شبکه، و پیدا کردن کار کردن با ظروف flexbox. در نهایت، یاد بگیرید که یک طرح 12 ستونی بسازید که Grid و Flexbox را در یک طرح ترکیب می کند.