Template:Test: Difference between revisions

From WytheriaWiki
No edit summary
No edit summary
 
(41 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="display: flex; border: 2px solid #000; padding: 10px;
<div style="display: flex; border: 2px solid #000; padding: 10px; margin: 10px;
  display: flex;
   @media only screen and (max-width: 768px) {
   flex-wrap: wrap;
    width: calc(100% -20px);
  width: 100%; /* Make the images fill the container width */
    height: calc(100vh - 20px);
  height: auto; /* Maintain aspect ratio */
    margin-left: 20px;
  justify-content: center;
    margin-right: 20px;
  max-width: calc(90% - 2em); /* adjust the value as needed */
   }
   }
}">
">
    <div style="flex: 0 2 auto%; 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 auto%; 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 auto%; 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 auto%; 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 auto%; 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 auto%; 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>
</div>
</div>

Latest revision as of 00:50, 21 June 2024

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