Add 2xl screen, adjust wrapper width

2019-04-16 21:23:00 +01:00 · 2019-04-16 21:23:00 +01:00 · d8ec72e3a7
parent 1fb77fc4ff
commit d8ec72e3a7
2 changed files with 5 additions and 2 deletions
--- a/wp-content/themes/twentynineteen-tailwindcss/header.php
+++ b/wp-content/themes/twentynineteen-tailwindcss/header.php
@ -6,7 +6,7 @@
    <?php wp_head(); ?>
  </head>
  <body class="font-sans bg-white text-gray-900 leading-normal antialiased">
-    <div class="max-w-6xl mx-auto px-4">
+    <div class="max-w-5xl 2xl:max-w-6xl mx-auto px-4">
      <header class="mt-16 mb-24">
        <p class="text-2xl">
            <a href="<?php echo esc_url(home_url( '/' )); ?>" class="text-black hover:text-gray-800">
--- a/wp-content/themes/twentynineteen-tailwindcss/tailwind.config.js
+++ b/wp-content/themes/twentynineteen-tailwindcss/tailwind.config.js
@ -3,7 +3,10 @@ module.exports = {
    extend: {
      colors: {
        'gray-600': '#767676',
-        inherit: 'inherit',
+        inherit: 'inherit'
+      },
+      screens: {
+        '2xl': '1400px'
      }
    }
  }