MediaWiki:Mobile.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* All CSS here will be loaded for users of the mobile site */
/* # REDIRECT [[MediaWiki:Minerva.css]] <!-- Minerva.css is now render blocking --> */

/* ছবির সাইজ ঠিক করা */
.mw-content-ltr img {
    max-width: 100% !important; /* ছবিকে স্ক্রিনের মধ্যে রাখা */
    height: auto !important;
    display: block;
    margin: 0 auto; /* ছবিকে সেন্টার করা */
}

/* টেবিল বা ইনফোবক্স ঠিক করা */
.infobox {
    width: 100% !important;
    max-width: 320px; /* মোবাইলে সুন্দরভাবে ফিট করার জন্য */
    font-size: 14px;
}

/* টেক্সট ঠিকমতো সেন্টার করা */
.mw-content-ltr {
    text-align: center;
}

/* মোবাইলে আরও ভালো দেখানোর জন্য */
@media (max-width: 768px) {
    .mw-body {
        padding: 5px;
    }
    
    .infobox {
        font-size: 13px;
        width: 90%;
        margin: 0 auto;
    }
    
    .infobox td, .infobox th {
        text-align: left !important;
    }
}