page: fix columns alignment

demo.html

@@ -220,9 +220,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                             <code>.col-quarter</code> per specificare le
                             dimensioni di una colonna. Se le classi non sono
                             specificate le colonne avranno dimensione
-                            automatica. Inoltre, <code>.col-center</code>
-                            allinea il contenuto della colonna al centro,
-                            verticalmente ed orizzontalmente.
+                            automatica. Altrimenti, se le classi sono
+                            specificate ma non riempiono tutta la riga le
+                            colonne saranno centrate. Inoltre,
+                            <code>.col-center</code> allinea il contenuto della
+                            colonna al centro, verticalmente ed
+                            orizzontalmente.
                         </p>
                     </div>
                 </div>
@@ -379,6 +382,20 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         </p>
                     </div>
                 </div>
+                <div class="row">
+                    <div class="col col-half">
+                        <p>
+                            Sunt vitae recusandae laborum. Qui consequatur
+                            laudantium illo corporis. Quia quidem occaecati
+                            corporis libero a saepe. Recusandae quis deleniti
+                            debitis non. Nihil molestiae autem ratione doloremque
+                            sit quaerat consequuntur. Velit minus aut et
+                            voluptatem.  Dolorem explicabo commodi ullam in iusto
+                            at reiciendis.  Eaque quibusdam ad et dolores. Qui
+                            numquam nemo est fuga quia animi impedit enim.
+                        </p>
+                    </div>
+                </div>
             </div>
 
             <div class="page">

scss/_page.scss

@@ -25,6 +25,8 @@ div.page {
         padding: 2em 1em;
         display: flex;
 
+        justify-content: center;
+
         &:first-child {
             border-top: 0;
             border-top-left-radius: 0.2em;
@@ -63,6 +65,10 @@ div.page {
             &.col-center {
                 text-align: center;
                 align-self: center;
+
+                p {
+                    text-align: center;
+                }
             }
         }
     }