بهترین راه برای ریسپانسیو ساختن یک سایت چی هست

استفاده از سیستم شبکه بندی هایی (grid system) نظیر بوت استرپ، محدودیت های در واکنش گرایی رو بهمراه داره.
برای کنترل حداکثری روی طرح تون، از دستور media استفاده کنید که اساس واکنشگرایی استفاده ازین دستور هستش.

استاندارد ترین مانیتور ها که الان باید اضافه بشه برای اون حالت کدوم ها هست؟

حالت ایده آل اینه که صفحه ی شما در همه ی اندازه ها به درستی به نمایش در بیادش. حالا ممکنه 10 تا نقطه شکست داشته باشید یا دو تا داشته باشید.
ولی این چون ایده آل هستش، پیاده سازیش زحمت بیشتری رو می بره، بنابراین نقاط شکست رو معمولا 3-4-5 تا میذاریم.
میتونید مشابه بوت استرپ نقاط شکست رو انتخاب کنید با 4 نقطه (576px-768px-992px-1200px).
یا حتی میتونه سه نقطه باشه (600px-900px--1200px).
یا 5 تا یا 6 تا ...

اینها دیگه بستگی به طرح شما داره، باید در همه ی ابعاد نمایش درستی رو داشته باشه.

خیلی حساس نشید، از همین اعداد نقاط شکست بهره ببرید.
بازم دقیق تر میخواید این رو ببینید:
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

این گفتگو رو هم بخونید مفیده براتون:
https://roocket.ir/discuss/3982

ممنونم از راهنمایی هاتون

درود...
برای گرید بندی استاندارد از بوت استرپ استفاده کنید که فایل جدا گرید بندی داره...
همون استاندارد گرید بندی بوت استرپ در بخش های کامپیوتر ( ابعاد مختلف), لب تاپ و موبایل سازگاره و مشکل خاصی نداره و بولما همین طور...

TailwindCSS گزینه خوبیه.
کلی Utility داره که میتونی استفاده کنی

سرزنده باشید 👍

استفاده از css grid , flexbox دست شمارو باز تر میکنه
من خودم فقط با flexbox کار میکنم و راضی ام

@amirmahdavinejad @milad @ali.bayat @endworld
خیلی ممنونم از همه دوستان که وقت گذاشتید برای پاسخگویی