/* Rule 1: Apply to the element and possibly its descendants */ // : Use a uniquifier for the class name // : Use a value from 100 to 900 .roboto-slab- { font-family: "Roboto Slab", serif; font-optical-sizing: auto; font-weight: ; font-style: normal; } p { display: inline; } body { background: rgb(147, 147, 147); } .menu_button { font-family: "Roboto Slab", serif; letter-spacing: 2px; background-color: #04AA6D; /* Green */ border: 1px solid green; color: white; padding: 15px 32px; text-align: center; text-decoration: none; font-size: 16px; cursor: pointer; width: 100%; -display: block; } .content{ font-family: "Roboto Slab", serif; max-width: 500px; margin: auto; background: rgb(110, 147, 147); padding: 10px; margin-top: 0; } .instructions{ background-color: rgb(221, 221, 187); border: 1px solid green; color: rgb(51, 51, 26); padding: 15px 32px; text-align: left; text-decoration: none; font-size: 16px; font-weight : 400; cursor: none; display: inner; margin-top: 0; } .paperTest{ font-family: "Roboto Slab", serif; font-size: 16px; max-width: 500px; margin: auto; background: white; padding: 10px; margin-top: 0; borrder: 4px inset; } .biblio_ylis { font-family: "Roboto Slab", serif; font-size: 14px; max-width: 500px; margin: auto; background: rgb(235, 235, 224); padding: 10px; margin-top: 0; height: 460px; overflow-y: scroll; border: 2px solid white; } #image-container { width: 100%; -height: 550px; height: 100%; overflow: scroll; border: 1px solid #ccc; display: flex; flex-direction: column; /* Βασική αλλαγή: κάθετη διάταξη */ gap: 50px; /* Απόσταση ανάμεσα στις εικόνες */ justify-content: center; align-items: center; } .image-item { width: 100%; height: 550px; -height: 100%; -overflow: auto; -border: 1px solid #ccc; -display: flex; -flex-direction: column; /* Βασική αλλαγή: κάθετη διάταξη */ -gap: 50px; /* Απόσταση ανάμεσα στις εικόνες */ justify-content: center; align-items: center; } img { max-width: 100%; max-height: 550px; -max-height: 100%; } table, th, td { border: 1px solid grey; font-family: "Roboto Slab", serif; font-size: 12px; } td { font-family: "Roboto Slab", serif; } .td_date { font-family: "Roboto Slab", serif; font-size: 12px; } .ans { cursor: pointer; }