"سانچہ:Worldbox person" کے نسخوں کے درمیان فرق
Arsait (تبادلۂ خیال | شراکتیں) کوئی خلاصۂ ترمیم نہیں ٹیگ: موبائل ترمیم موبائل ویب ترمیم |
Arsait (تبادلۂ خیال | شراکتیں) کوئی خلاصۂ ترمیم نہیں ٹیگ: موبائل ترمیم موبائل ویب ترمیم |
||
سطر 102: | سطر 102: | ||
</div> | </div> | ||
</div> | </div> | ||
<style> | |||
.worldbox-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
align-items: flex-start; | |||
} | |||
/* ইনফোবক্সের জন্য প্রস্থ শতাংশে নির্ধারণ */ | |||
.worldbox { | |||
width: 35%; /* ইনফোবক্সের প্রস্থ 35% হবে */ | |||
float: right; | |||
margin-left: 2%; /* ইনফোবক্সের বাম সাইডে সামান্য মার্জিন */ | |||
font-size: 90%; | |||
line-height: 1.4; | |||
} | |||
.worldbox-content { | |||
flex-grow: 1; | |||
max-width: 65%; /* কন্টেন্টের প্রস্থ 65% হবে */ | |||
margin-right: 0; | |||
margin-left: 0; | |||
padding-left: 0; | |||
padding-right: 0; | |||
width: 100%; /* কন্টেন্ট পূর্ণ প্রস্থে থাকবে */ | |||
} | |||
/* মোবাইল ভিউতে কনটেন্ট ও ইনফোবক্স পরিবর্তন */ | |||
@media (max-width: 768px) { | |||
.worldbox { | |||
float: none; | |||
width: 100%; | |||
margin: 0; | |||
} | |||
.worldbox-content { | |||
margin-right: 0; | |||
width: 100%; | |||
padding-left: 0; | |||
padding-right: 0; | |||
margin-left: 0; | |||
} | |||
.worldbox-special-section { | |||
order: -1; | |||
width: 100%; | |||
margin-top: 20px; | |||
} | |||
} | |||
</style> | |||
[[en:{{{english_page|N/A}}}]] | [[en:{{{english_page|N/A}}}]] | ||
[[bn:{{{bangla_page|N/A}}}]] | [[bn:{{{bangla_page|N/A}}}]] |