টেমপ্লেট:Worldbox person: সংশোধিত সংস্করণের মধ্যে পার্থক্য
সম্পাদনা সারাংশ নেই ট্যাগ: মোবাইল সম্পাদনা মোবাইল ওয়েব সম্পাদনা |
সম্পাদনা সারাংশ নেই |
||
| ১০০ নং লাইন: | ১০০ নং লাইন: | ||
<style> | <style> | ||
.infobox-container { | .infobox-container { | ||
display: flex; | |||
flex-wrap: wrap; | |||
align-items: flex-start; | |||
} | } | ||
.infobox { | .infobox { | ||
width: 300px; | |||
float: right; | |||
margin-left: 20px; | |||
} | } | ||
.content { | .content { | ||
flex-grow: 1; | |||
max-width: 800px; | |||
margin-right: 320px; | |||
} | |||
@media (max-width: 768px) { | |||
.infobox { | |||
float: none; | |||
width: 100%; | |||
margin: 0; | |||
} | |||
.content { | |||
margin-right: 0; | |||
width: 100%; | |||
} | } | ||
/* Only for mobile view, move the special section above infobox */ | /* Only for mobile view, move the special section above infobox */ | ||
.special-section { | |||
order: -1; /* Moves this section above the infobox */ | |||
width: 100%; /* Make the section full width */ | |||
margin-top: 20px; | |||
} | |||
} | } | ||
</style> | </style> | ||