style.css

 /*
    Author: Gotsinas Antonios
    
    Περιγραφή:

        Αρχείο μορφοποίησης css για την σελίδα που θα φιλοξενήσει τον υπολογιστή του νόμου του Ωμ.
 */
 /* όλα τα στοιχεία να συμπεριλαμβάνουν στο μέγεθός τους τα padding, margin, border*/
 * {
    box-sizing: border-box;
}
/* Μορφοποίηση του container που θα φιλοξενήσει το πλέγμα*/
.container {
    width: 50%;    /* δίνω πλάτος 50% px*/  
    border: 2px solid black; /* εμφάνισε ένα περίγραμμα γύρω απο κάθε div */   
    margin: 10px;
}

/* Μορφοποίηση κάθε στήλης*/
.column {
    float: left;     /* Κάνε την κάθε στήλη να κολλά η μία δίπλα στην άλλη απο τα αριστερά*/
    width: 33.3%;        /* το πλάτος κάθε στήλης θα καταλαμβάνει το 33.3% του παραθύρου που το φιλοξενεί*/
    padding: 5px;     /* θέσε περιμετρικά ένα Padding 25px σε κάθε στήλη*/    
}

/* Μορφοποίηση έτσι ώστε μετά απο κάθε εφαρμογή της μορφοποίησης .row να υπάρχει κενό περιεχόμενο*/
.row::after {
    content:"";     /* μετά απο κάθε γραμμή που εφαρμόζουμε δεν θέλουμε να υπάρχει περιεχόμενο*/
    display: table; /* μετά απο την εφαρμογή αυτή θέλουμε τα στοιχεία να συμπεριφέρονται ως ένα στοιχείο πίνακα*/
    clear: both;    /* επιτρέπει την τοποθέτηση αριστερά και δεξιά */
}

/* Μορφοποίηση των στοιχείων input και αναδυόμενης λίστας (dropdown list) select*/
input, select {
    width: 100%;
 }

/* Μορφοποίηση του πλήκτρου*/
button {
    width: 100%;
    overflow: hidden;
}

/* Μορφοποίηση του στοιχείου εμφάνισης του αποτελέσματος*/
.result {
    text-align: center;
}
/* Μορφοποίηση του στοιχείου που θα φιλοξενήσει τον κανόνα θεωρίας του νόμου του ΩΜ*/
.rule {
    border:2px solid blue;
    border-radius: 20px;
    width: 50%;
    padding: 5px;
    margin: 10px;
    font-size: large;
}

/* Μορφοποίηση των headings που χρησιμοποιούνται στη σελίδα*/
h1, h3 {
    margin: 10px;
    color:blue;
}
/* Μορφοποίηση των παραγράφων*/
p {
    margin: 10px;   
}

/* Μορφοποίηση του εξωτερικού περιγράμματος που θα φιλοξενήσει όλο το περιεχόμενο*/
.box {
    margin:10px;
    padding:10px;
    position: relative;
    left: 25%;
   
   
}