Template:MinigamesCSS: Difference between revisions

From WytheriaWiki
(Created page with "<div style="display: flex; border: 2px solid #FFFF00; padding: 10px; display: flex; flex-wrap: wrap; width: 100%; →‎Make the images fill the container width: height: auto; →‎Maintain aspect ratio: justify-content: center; border-left: none; border-right: none; } }"> <div style="flex: 0 2 auto%; display: flex; justify-content: center; align-items: center;"> {{{content1}}} </div> <div style="flex: 0 2 auto%; display: flex; justify-...")
 
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="display: flex; border: 2px solid #FFFF00; padding: 10px;
<div style="display: flex; flex-wrap: wrap; width: 100%; height: auto; justify-content: center;">
  display: flex;
  flex-wrap: wrap;
  width: 100%; /* Make the images fill the container width */
  height: auto; /* Maintain aspect ratio */
  justify-content: center;
  border-left: none;
  border-right: none;
  }
}">
     <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}}}
         <div>
            Chambers of Xeric
            {{{content1}}}
        </div>
     </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}}}
         <div>
            Theatre of Blood
            {{{content2}}}
        </div>
     </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}}}
         <div>
            Inferno
            {{{content3}}}
        </div>
     </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}}}
         <div>
            Fight Caves
            {{{content4}}}
        </div>
     </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}}}
         <div>
            Pest Control
            {{{content5}}}
        </div>
     </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}}}
         <div>
            Warriors Guild
            {{{content6}}}
        </div>
     </div>
     </div>
</div>
</div>

Latest revision as of 13:06, 29 June 2024

           Chambers of Xeric
           {{{content1}}}
           Theatre of Blood
           {{{content2}}}
           Inferno
           {{{content3}}}
           Fight Caves
           {{{content4}}}
           Pest Control
           {{{content5}}}
           Warriors Guild
           {{{content6}}}