From d685ca54d5d1b0d25c1dec3be70b6c70928ea07a Mon Sep 17 00:00:00 2001
From: Gusted <williamzijl7@hotmail.com>
Date: Tue, 26 Oct 2021 11:47:11 +0200
Subject: [PATCH] Fix icons card's weight (#190)

- Use responsive width + max-width instead of a fixed-set amount.
- Resolves #86

Co-authored-by: Freddy <freddy@decypher.pw>
---
 index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 8b12d00a..bd3bfefd 100644
--- a/index.html
+++ b/index.html
@@ -61,7 +61,7 @@ layout: default
     <div class="row mb-5">
       <div class="col-6 col-sm-4 col-md-3 mt-3">
         <a href="/browsers/">
-          <div class="card text-center mx-auto" style="width: 160px;">
+          <div class="card text-center mx-auto" style="width: 95%; max-width: 160px;">
             <div class="card-body">
               <span class="card-title display-4"><i class="fal fa-compass mb-3" aria-hidden="true"></i></span>
               <p class="card-subtitle">Browsers</p>
@@ -71,7 +71,7 @@ layout: default
       </div>
       <div class="col-6 col-sm-4 col-md-3 mt-3">
         <a href="/software/">
-          <div class="card text-center mx-auto" style="width: 160px;">
+          <div class="card text-center mx-auto" style="width: 95%; max-width: 160px;">
             <div class="card-body">
               <span class="card-title display-4"><i class="fal fa-file-code mb-3" aria-hidden="true"></i></span>
               <p class="card-subtitle">Software</p>
@@ -81,7 +81,7 @@ layout: default
       </div>
       <div class="col-6 col-sm-4 col-md-3 mt-3">
         <a href="/operating-systems/">
-          <div class="card text-center mx-auto" style="width: 160px;">
+          <div class="card text-center mx-auto" style="width: 95%; max-width: 160px;">
             <div class="card-body">
               <span class="card-title display-4"><i class="fal fa-desktop mb-3" aria-hidden="true"></i></span>
               <p class="card-subtitle">OS</p>
@@ -91,7 +91,7 @@ layout: default
       </div>
       <div class="col-6 col-sm-4 col-md-3 mt-3">
         <a href="/providers/">
-          <div class="card text-center mx-auto" style="width: 160px;">
+          <div class="card text-center mx-auto" style="width: 95%; max-width: 160px;">
             <div class="card-body">
               <span class="card-title display-4"><i class="fal fa-cloud mb-3" aria-hidden="true"></i></span>
               <p class="card-subtitle">Providers</p>