باید از media query ها در CSS استفاده کنی.. و یا از فریمورکی که این گزینه رو پشتیبانی کنه
media query ها در واقع همون دستورات CSS هستند که هر کدوم برای یک سایز مشخص از اندازه مرورگر عمل میکنند. مثلا
body {
background-color: black;
}
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
body {
background-color: blue;
}
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
body {
background-color: red;
}
}
در حالت عادی پیش زمینه مشکیه.. اگر اندازه مرورگر 992 یا کمتر بشه میشه آبی و اگر ۶۰۰ پیکسل یا کمتر بشه به رنگ قرمر درمیاد..
میتونی به هر یک از لینک های شبکه های اجتماعی یه کلاس اختصاص بدی و در حالات مختلف اندازه ها و جاهای مختلفی برای بگذاری..
اطلاعات بیشتر در پیوند زیر:
https://www.w3schools.com/css/css3_mediaqueries_ex.asp
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟