طراحی وب واکنش‌گرا و Mobile-First Design

Mobile-first  در واقع یعنی سایت یا برنامه ای ک درست میکنیم برای دستگاه ها با صفحه نمایش باریکتر مث موبایل انجام بدیم به وسیله ی

 media-query@  و support@  و  viewport  و  همینطور میشه از تگ <picture > هم استفاده کرد البته use case  فرق داره باهم ک میتونید ب MDN مراجعه کنید ;)
و بعدش برای دستگاه ها با صفحه نمایش پهن تر مثل laptop و Desktop   :>

طراحی واکنش‌گرا ابتدا برای دسکتاپ طراحی شده و با Media Queries برای موبایل تنظیم می‌شود.
Mobile-First از موبایل شروع کرده و برای صفحه‌نمایش‌های بزرگتر گسترش می‌یابد، با تمرکز بر عملکرد و سادگی.