MediaWiki:Common.css: Forskelle mellem versioner

m
ingen redigeringsopsummering
No edit summary
Tag: Tilbagerullet
mNo edit summary
Tag: Tilbagerullet
Linje 138: Linje 138:
@media (max-width: 768px) {
@media (max-width: 768px) {
   .tright {
   .tright {
    display: flex;
    justify-content: center;
     max-width: 350px; /* Adjust the width to fit the screen on mobile devices */
     max-width: 350px; /* Adjust the width to fit the screen on mobile devices */
     margin: 10px auto; /* Center the map horizontally with top and bottom margin */
     margin: 10px auto; /* Center the map horizontally with top and bottom margin */
    float: none; /* Remove the float */
  }
 
  /* Additional styles to override the parent container's width */
  .tright > div {
    max-width: 100%;
   }
   }
}
}
Linje 149: Linje 151:
@media (min-width: 769px) and (max-width: 1024px) {
@media (min-width: 769px) and (max-width: 1024px) {
   .tright {
   .tright {
    display: flex;
    justify-content: center;
     max-width: 600px; /* Adjust the width for iPad screens */
     max-width: 600px; /* Adjust the width for iPad screens */
     margin: 10px auto; /* Center the map horizontally with top and bottom margin */
     margin: 10px auto; /* Center the map horizontally with top and bottom margin */
    float: none; /* Remove the float */
   }
   }
}
}