Template:Testy: Difference between revisions

From WytheriaWiki
No edit summary
No edit summary
Line 1: Line 1:
<div style="display: flex; border: 2px solid #000; padding: 10px; /* Define a flex container for the 6 images */
<div style="display: flex; border: 2px solid #000; padding: 10px; /* Define a flex container for the 6 images */
.Testy {
  .image-container {
   display: flex;
   display: flex;
   flex-wrap: wrap;
   flex-wrap: wrap;
}
/* Style the images within the container */
  .image-container {
   width: 100%; /* Make the images fill the container width */
   width: 100%; /* Make the images fill the container width */
   height: auto; /* Maintain aspect ratio */
   height: auto; /* Maintain aspect ratio */
}
   flex-direction: column; /* Stack images vertically on smaller screens */
 
/* Use media queries to adjust the layout for mobile screens */
@media only screen and (max-width: 600px) {
   .image-container {
    flex-direction: column; /* Stack images vertically on smaller screens */
   }
   }
}">
}">

Revision as of 23:16, 20 June 2024

       {{{content1}}}
       {{{content2}}}
       {{{content3}}}
       {{{content4}}}
       {{{content5}}}
       {{{content6}}}