MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 11: | Line 11: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
text-align: center; /* Keeps images and text centered */ | text-align: center; /* Keeps images and text centered */ | ||
min-width: 0; /* Prevents overflow issues | min-width: 0; /* Prevents overflow issues */ | ||
} | } | ||
| Line 17: | Line 17: | ||
.eras-table th { | .eras-table th { | ||
flex: 1 1 100%; | flex: 1 1 100%; | ||
} | |||
/* Uniform image height */ | |||
.eras-table td img { | |||
height: 200px; /* Fixed height for all images */ | |||
width: auto; /* Maintains aspect ratio */ | |||
max-width: 100%; /* Ensures images don’t overflow cell */ | |||
display: block; /* Removes unwanted spacing */ | |||
margin: 0 auto; /* Centers images */ | |||
} | } | ||
| Line 23: | Line 32: | ||
.eras-table td { | .eras-table td { | ||
flex: 1 1 33.33%; /* 3 columns: ~1/3rd width each */ | flex: 1 1 33.33%; /* 3 columns: ~1/3rd width each */ | ||
} | |||
.eras-table td img { | |||
height: 150px; /* Slightly smaller for medium screens */ | |||
} | } | ||
} | } | ||
| Line 30: | Line 42: | ||
.eras-table td { | .eras-table td { | ||
flex: 1 1 100%; /* 1 column: full width */ | flex: 1 1 100%; /* 1 column: full width */ | ||
} | |||
.eras-table td img { | |||
height: 100px; /* Smaller for single-column view */ | |||
} | } | ||
} | } | ||