লক্ষ্য করুন: প্রকাশ করার পর, পরিবর্তনগুলো দেখতে আপনাকে আপনার ব্রাউজারের ক্যাশে পরিষ্কার করার প্রয়োজন হতে পারে।

  • ফায়ারফক্স / সাফারি: পুনরায় লোড-এ ক্লিক করার সময় শিফট টিপে ধরে রাখুন, অথবা হয় Ctrl-F5 বা Ctrl-R টিপুন (ম্যাকে ⌘-R টিপুন)
  • গুগল ক্রোম: Ctrl-Shift-R (ম্যাকে ⌘-Shift-R) টিপুন
  • এজ: Ctrl ধরে রাখা অবস্থায় Refresh-এ ক্লিক করুন, অথবা Ctrl-F5 টিপুন।
  • অপেরা: Ctrl-F5 টিপুন।
/* CSS placed here will be applied to all skins */
.infobox-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.infobox {
    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%;
  }
}