Add 2xl screen, adjust wrapper width

This commit is contained in:
Oliver Davies 2019-04-16 21:23:00 +01:00
parent 1fb77fc4ff
commit d8ec72e3a7
2 changed files with 5 additions and 2 deletions

View file

@ -6,7 +6,7 @@
<?php wp_head(); ?> <?php wp_head(); ?>
</head> </head>
<body class="font-sans bg-white text-gray-900 leading-normal antialiased"> <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"> <header class="mt-16 mb-24">
<p class="text-2xl"> <p class="text-2xl">
<a href="<?php echo esc_url(home_url( '/' )); ?>" class="text-black hover:text-gray-800"> <a href="<?php echo esc_url(home_url( '/' )); ?>" class="text-black hover:text-gray-800">

View file

@ -3,7 +3,10 @@ module.exports = {
extend: { extend: {
colors: { colors: {
'gray-600': '#767676', 'gray-600': '#767676',
inherit: 'inherit', inherit: 'inherit'
},
screens: {
'2xl': '1400px'
} }
} }
} }