From a5f48a65f5c8e26ef1f9ecdd15ff6d667d9f63d6 Mon Sep 17 00:00:00 2001
From: lstoeferle <48953604+lstoeferle@users.noreply.github.com>
Date: Mon, 1 Mar 2021 20:12:29 +0100
Subject: [PATCH] fix: improved feature alignment for md and lg screens

---
 src/components/Features.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Features.vue b/src/components/Features.vue
index 65296f5..6a68b50 100644
--- a/src/components/Features.vue
+++ b/src/components/Features.vue
@@ -14,28 +14,28 @@
       </p>
     </div>
     <div class="flex flex-wrap -m-4">
-      <div class="w-full py-4 pr-4 xs:pl-4 md:w-1/3">
+      <div class="w-full py-4 pr-4 xs:pl-4 md:w-1/2 lg:w-1/4">
         <Feature
           title="vite-plugin-vue2"
           text="Vue 2 support for Vite"
           url="https://github.com/underfin/vite-plugin-vue2"
         />
       </div>
-      <div class="w-full p-4 md:w-1/3">
+      <div class="w-full p-4 md:w-1/2 lg:w-1/4">
         <Feature
           title="vite-plugin-components"
           text="On demand components auto importing for Vite"
           url="https://github.com/antfu/vite-plugin-components"
         />
       </div>
-      <div class="w-full py-4 pl-4 xs:pr-4 md:w-1/3">
+      <div class="w-full py-4 pl-4 xs:pr-4 md:w-1/2 lg:w-1/4">
         <Feature
           title="vite-plugin-windicss"
           text="Windi CSS for Vite"
           url="https://github.com/windicss/vite-plugin-windicss"
         />
       </div>
-      <div class="w-full py-4 pl-4 xs:pr-4 md:w-1/3">
+      <div class="w-full py-4 pl-4 xs:pr-4 md:w-1/2 lg:w-1/4">
         <Feature
           title="vite-plugin-icons"
           text="Access thousands of icons as Vue components in Vite"