Template:Testy - Revision history

Taranaki at 00:53, 6 March 2026

2026-03-06T00:53:46Z

← Older revision		Revision as of 00:53, 6 March 2026
Line 26:		Line 26:
	<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 style="flex: 0 2 auto%; display: flex; justify-content: center; align-items: center;">
			{{{content7}}}
	</div>		</div>
	</div>		</div>

2024-06-21T01:32:57Z

← Older revision		Revision as of 01:32, 21 June 2024
Line 1:		Line 1:
	<div style="display: flex; border: 2px solid #~~000~~; padding: 10px;		<div style="display: flex; border: 2px solid #FFFF00; padding: 10px;
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
Line 5:		Line 5:
	height: auto; /* Maintain aspect ratio */		height: auto; /* Maintain aspect ratio */
	justify-content: center;		justify-content: center;
			border-left: none;
			border-right: none;
	}		}
	}">		}">

2024-06-20T23:51:04Z

← Older revision		Revision as of 23:51, 20 June 2024
Line 2:		Line 2:
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	width: 90%; /* 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;		justify-content: center;

2024-06-20T23:50:43Z

← Older revision		Revision as of 23:50, 20 June 2024
Line 2:		Line 2:
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	width: ~~100~~%; /* Make the images fill the container width */		width: 90%; /* Make the images fill the container width */
	height: auto; /* Maintain aspect ratio */		height: auto; /* Maintain aspect ratio */
	justify-content: center;		justify-content: center;

2024-06-20T23:40:46Z

← Older revision		Revision as of 23:40, 20 June 2024
Line 1:		Line 1:
	<div style="display: flex; border: 2px solid #000; padding: 10px;		<div style="display: flex; border: 2px solid #000; padding: 10px;
	~~.Testy {~~
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	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 */~~
	justify-content: center;		justify-content: center;
	}		}

2024-06-20T23:34:31Z

← Older revision		Revision as of 23:34, 20 June 2024
Line 1:		Line 1:
	<div style="display: flex; border: 2px solid #000; padding: 10px;		<div style="display: flex; border: 2px solid #000; padding: 10px;
	.~~image-container~~ {		.Testy {
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;

2024-06-20T23:31:49Z

← Older revision		Revision as of 23:31, 20 June 2024
Line 6:		Line 6:
	height: auto; /* Maintain aspect ratio */		height: auto; /* Maintain aspect ratio */
	flex-direction: column; /* Stack images vertically on smaller screens */		flex-direction: column; /* Stack images vertically on smaller screens */
			justify-content: center;
	}		}
	}">		}">

2024-06-20T23:28:26Z

← Older revision		Revision as of 23:28, 20 June 2024
Line 8:		Line 8:
	}		}
	}">		}">
	<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>
	</div>		</div>

2024-06-20T23:26:10Z

← Older revision		Revision as of 23:26, 20 June 2024
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;
	.image-container {		.image-container {
	display: flex;		display: flex;
Line 8:		Line 8:
	}		}
	}">		}">
	<div style="flex: 0 1 20%; display: flex; justify-content: center; align-items: center;">		<div style="flex: 0 2 20%; display: flex; justify-content: center; align-items: center;">
	{{{content1}}}		{{{content1}}}
	</div>		</div>
	<div style="flex: 0 1 20%; display: flex; justify-content: center; align-items: center;">		<div style="flex: 0 2 20%; display: flex; justify-content: center; align-items: center;">
	{{{content2}}}		{{{content2}}}
	</div>		</div>

2024-06-20T23:23:30Z

← Older revision		Revision as of 23:23, 20 June 2024
Line 8:		Line 8:
	}		}
	}">		}">
	<div style="flex: 0 2 20%; display: flex; justify-content: center; align-items: center;">		<div style="flex: 0 1 20%; 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 1 20%; display: flex; justify-content: center; align-items: center;">
	{{{content2}}}		{{{content2}}}
	</div>		</div>