Difference between revisions of "Template:Harem-Heroes-Gallery"

<div style="display: flex; flex-wrap: nowrap; overflow-x: auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 8px; background-color: #f9f9f9; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);">

   {{#if:{{{image1|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">

     [[File:{{{image1}}}|center|frameless|max-width=500px|max-height=500px]]

   {{#if:{{{image2|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">

     [[File:{{{image2}}}|center|frameless|max-width=500px|max-height=500px]]

   <!-- Repeat for additional images -->

   {{#if:{{{image3|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">[[File:{{{image3}}}|center|frameless|max-width=500px|max-height=500px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption3|}}}</div></div>}}

   {{#if:{{{image4|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">[[File:{{{image4}}}|center|frameless|max-width=500px|max-height=500px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption4|}}}</div></div>}}

   {{#if:{{{image5|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">[[File:{{{image5}}}|center|frameless|max-width=500px|max-height=500px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption5|}}}</div></div>}}

   <!-- ... up to image6 or more ... -->