چطور سایت رو برای سایز های مختلف مرورگر سازگار کنم

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

اگه از بوت استرپ نخواستین استفاده کنین میتونین از media میباشد برای مثال
@media (min-width : 992px)

به این مبحث میگن responsive که چندین راه داره
1-با استفاده از media query ها در css
2-با استفاده از فریمورک های css مثل bootstrap,uikit,Foundation ,....(بین همه ی این ها بوت استرپ معروف ترین)
3-با استفاده از css grid