Simplify pagination styles.

src/css/core/object/objects/pagination.scss

@@ -6,7 +6,6 @@
     justify-content: center;
     margin: 0;
     padding: 0 1em;
-    width: 95%;
 
     li {
       display: inline-block;

src/css/template/default/object/objects/pagination.scss

@@ -18,10 +18,9 @@ $dot-transform-active: scale( 1.4 ) !default;
 .splide {
   &__pagination {
     bottom: $bottom;
-    left: 50%;
-    padding: 0;
+    left: 0;
+    right: 0;
     position: absolute;
-    transform: translateX( -50% );
     z-index: 1;
 
     &__page {

src/js/test/php/examples/default.php

@@ -20,7 +20,7 @@ $settings = get_settings();
     document.addEventListener( 'DOMContentLoaded', function () {
       var splide = new Splide( '#splide01', {
         type   : 'loop',
-        perPage: 3,
+        perPage: 1,
         perMove: 1,
         gap    : '1.5rem',
         height : 400,