From ওয়ার্ল্ডপিডিয়া, the free encyclopedia
|
ট্যাগ: মোবাইল সম্পাদনা মোবাইল ওয়েব সম্পাদনা |
| ১ নং লাইন: |
১ নং লাইন: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| .infobox-container { | | .infobox { |
| display: flex;
| | border: 1px solid #aaa; |
| flex-wrap: wrap;
| | background-color: #f9f9f9; |
| align-items: flex-start;
| | padding: 5px; |
| | font-size: 90%; |
| } | | } |
| | | @media (min-width: 500px) { |
| .infobox {
| | .infobox { width: 400px; } |
| width: 250px; /* প্রয়োজন অনুযায়ী চেঞ্জ করো */
| |
| float: right;
| |
| clear: right;
| |
| margin-left: 10px;
| |
| margin-bottom: 10px;
| |
| overflow: hidden; /* অতিরিক্ত কনটেন্ট কেটে ফেলবে */
| |
| background: #f8f9fa; /* যদি ব্যাকগ্রাউন্ড দরকার হয় */
| |
| border: 1px solid #a2a9b1;
| |
| padding: 5px;
| |
| }
| |
| .infobox img {
| |
| max-width: 100%; /* ছবিকে ইনফোবক্সের সীমানায় রাখবে */
| |
| height: auto;
| |
| }
| |
| | |
| .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%;
| |
| }
| |
| } | | } |
২২:৪১, ২ মার্চ ২০২৫ তারিখে সংশোধিত সংস্করণ
/* CSS placed here will be applied to all skins */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 90%;
}
@media (min-width: 500px) {
.infobox { width: 400px; }
}
