মিডিয়াউইকি:Common.css: সংশোধিত সংস্করণের মধ্যে পার্থক্য
অবয়ব
সম্পাদনা সারাংশ নেই ট্যাগ: পুনর্বহালকৃত মোবাইল সম্পাদনা মোবাইল ওয়েব সম্পাদনা |
সম্পাদনা সারাংশ নেই ট্যাগ: পুনর্বহালকৃত |
||
১ নং লাইন: | ১ নং লাইন: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Layout for content and infobox */ | |||
.content-container { | |||
display: flex; | |||
@media | flex-direction: row; | ||
justify-content: space-between; | |||
margin: 20px; | |||
} | |||
.intro-text { | |||
flex: 0 0 60%; | |||
margin-right: 20px; | |||
} | |||
.infobox { | |||
flex: 0 0 35%; | |||
padding: 15px; | |||
background-color: #f9f9f9; | |||
border: 1px solid #ddd; | |||
border-radius: 8px; | |||
} | |||
@media (max-width: 768px) { | |||
.content-container { | |||
flex-direction: column; | |||
} | } | ||
.intro-text, | |||
.infobox { | |||
flex: 0 0 100%; | |||
margin: 0 0 15px 0; | |||
} | } | ||
} | |||
১৮:৫৭, ২৬ ফেব্রুয়ারি ২০২৫ তারিখে সংশোধিত সংস্করণ
/* CSS placed here will be applied to all skins */
/* Layout for content and infobox */
.content-container {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 20px;
}
.intro-text {
flex: 0 0 60%;
margin-right: 20px;
}
.infobox {
flex: 0 0 35%;
padding: 15px;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
}
@media (max-width: 768px) {
.content-container {
flex-direction: column;
}
.intro-text,
.infobox {
flex: 0 0 100%;
margin: 0 0 15px 0;
}
}