Template:Testy: Difference between revisions
From WytheriaWiki
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 1: | Line 1: | ||
<style> | <style> | ||
/* Define a flex container for the 6 images */ | /* Define a flex container for the 6 images */ | ||
. | .testyy { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
Revision as of 23:01, 20 June 2024
<style> /* Define a flex container for the 6 images */ .testyy {
display: flex; flex-wrap: wrap;
}
/* Style the images within the container */ .image-container img {
width: 100%; /* Make the images fill the container width */ height: auto; /* Maintain aspect ratio */
}
/* Use media queries to adjust the layout for mobile screens */ @media only screen and (max-width: 600px) {
.image-container {
flex-direction: column; /* Stack images vertically on smaller screens */
}
} </style>
