টেমপ্লেট:Worldbox person: সংশোধিত সংস্করণের মধ্যে পার্থক্য
সম্পাদনা সারাংশ নেই ট্যাগ: মোবাইল সম্পাদনা মোবাইল ওয়েব সম্পাদনা |
সম্পাদনা সারাংশ নেই ট্যাগ: মোবাইল সম্পাদনা মোবাইল ওয়েব সম্পাদনা |
||
১০২ নং লাইন: | ১০২ নং লাইন: | ||
</div> | </div> | ||
</div> | </div> | ||
<style> | |||
.infobox-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
align-items: flex-start; | |||
} | |||
/* ইনফোবক্সের স্টাইল */ | |||
.infobox { | |||
width: 400px; | |||
float: right; | |||
margin-left: 20px; | |||
font-size: 90%; | |||
line-height: 1.4; | |||
} | |||
.content { | |||
flex-grow: 1; | |||
max-width: 800px; | |||
margin-right: 320px; | |||
margin-left: 0; | |||
padding-left: 0; | |||
padding-right: 0; | |||
box-sizing: border-box; /* বক্স সাইজিং ঠিক করার জন্য */ | |||
margin: 0; /* কোনো মার্জিন থাকবে না */ | |||
padding: 0; /* কোনো প্যাডিং থাকবে না */ | |||
width: 100%; /* কন্টেন্ট পুরোপুরি প্রস্থে থাকবে */ | |||
} | |||
/* মোবাইল ভিউতে কনটেন্ট ও ইনফোবক্স পরিবর্তন */ | |||
@media (max-width: 768px) { | |||
.infobox { | |||
float: none; | |||
width: 100%; | |||
margin: 0; | |||
} | |||
.content { | |||
margin-right: 0; | |||
width: 100%; | |||
padding-left: 0; | |||
padding-right: 0; | |||
margin-left: 0; | |||
} | |||
.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}}}]] |