Template:Testy: Difference between revisions

From WytheriaWiki
No edit summary
No edit summary
 
(11 intermediate revisions by the same user not shown)
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 #FFFF00; padding: 10px;
.Testy {
   display: flex;
   display: flex;
   flex-wrap: wrap;
   flex-wrap: wrap;
}
/* Style the images within the container */
.Testy img {
   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 */
}
  justify-content: center;
 
   border-left: none;
/* Use media queries to adjust the layout for mobile screens */
  border-right: none;
@media only screen and (max-width: 600px) {
   .image-container {
    flex-direction: column; /* Stack images vertically on smaller screens */
   }
   }
}">
}">
     <div style="flex: 0 2 20%; display: flex; justify-content: center; align-items: center;">
     <div style="flex: 0 2 auto%; display: flex; justify-content: center; align-items: center;">
         {{{content1}}}
         {{{content1}}}
     </div>
     </div>
     <div style="flex: 0 2 20%; display: flex; justify-content: center; align-items: center;">
     <div style="flex: 0 2 auto%; display: flex; justify-content: center; align-items: center;">
         {{{content2}}}
         {{{content2}}}
     </div>
     </div>
     <div style="flex: 0 2 20%; display: flex; justify-content: center; align-items: center;">
     <div style="flex: 0 2 auto%; display: flex; justify-content: center; align-items: center;">
         {{{content3}}}
         {{{content3}}}
     </div>
     </div>
     <div style="flex: 0 2 20%; display: flex; justify-content: center; align-items: center;">
     <div style="flex: 0 2 auto%; display: flex; justify-content: center; align-items: center;">
         {{{content4}}}
         {{{content4}}}
     </div>
     </div>
     <div style="flex: 0 2 20%; display: flex; justify-content: center; align-items: center;">
     <div style="flex: 0 2 auto%; display: flex; justify-content: center; align-items: center;">
         {{{content5}}}
         {{{content5}}}
     </div>
     </div>
     <div style="flex: 0 2 20%; display: flex; justify-content: center; align-items: center;">
     <div style="flex: 0 2 auto%; display: flex; justify-content: center; align-items: center;">
         {{{content6}}}
         {{{content6}}}
    </div>
    <div style="flex: 0 2 auto%; display: flex; justify-content: center; align-items: center;">
        {{{content7}}}
     </div>
     </div>
</div>
</div>

Latest revision as of 00:53, 6 March 2026

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