سلام . در نظر بگیرید من میخوام یه header بسازم . خب من ی بخشی میخوام سمت راست قرار بگیره یه بخشی وسط یه بخشی سمت چپ . و مثلا یه المان هایی هم مثل فلش بقل متن ها قرار بگیره . الان من وقتی row استفاده میکنم مشکلی نیست ولی خب میخوام بینشون فاصله باشه میام از مارجین استفاده میکنم کلا همه چیز به هم میریزه . چیکار کنم ؟ از position استفاده کنم بعد برای ریسپانسیو مشکلی پیش نمیاد ؟
سلام وقتتون بخیر
شما باید از display:flex استفاده بکنید ، برای فاصله بین آیتم ها هم باید justify-content:space-between بدید . مشکلتون حل میشه .
برای اون فلش ها هم از after و before برای تگ a استفاده بکنید
<header>
<div>
<a href="#">لینک اول</a>
<a href="#">لینک دوم</a>
</div>
<div>باکس وسط</div>
<div>باکس چپ</div>
</header>
header {
display: flex;
align-items: center;
justify-content: space-between;
}
header a {
position: relative;
padding: 10px;
}
header a:after {
position: absolute;
left: 0px;
content: "\f078";
font-family: "Font Awesome 6 Free";
font-weight: 900;
}
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟