From c1702dfdf21a8d2dcc70cd057748fc9a4d9fd516 Mon Sep 17 00:00:00 2001
From: steven <sarmiento.steven@gmail.com>
Date: Mon, 26 Jul 2021 17:07:04 -0700
Subject: [PATCH] responsive risk section

---
 components/ContentSection.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/ContentSection.tsx b/components/ContentSection.tsx
index 1e4eb47..8150575 100644
--- a/components/ContentSection.tsx
+++ b/components/ContentSection.tsx
@@ -266,8 +266,8 @@ const ContentSection = () => {
                     </p>
                   </div>
 
-                  <div className="grid grid-cols-7 grid-rows-2 gap-6 mb-16 mx-auto">
-                    <div className="col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
+                  <div className="grid grid-cols-1 md:grid-cols-7 lg:grid-cols-7 grid-rows-2 gap-6 mb-16 mx-auto">
+                    <div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
                       <h3 className="text-white font-semibold text-xl tracking-wide my-2">
                       Unaudited smart contracts.  
                       </h3>
@@ -280,7 +280,7 @@ const ContentSection = () => {
                       Users should understand the risks when participating today and know what they are contribtuing too.
                       </p>
                   </div>
-                  <div className="col-span-4 row-span-2 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
+                  <div className="col-span-1 md:col-span-4 lg:col-span-4 row-span-2 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
                       <h3 className="text-white font-semibold text-xl tracking-wide my-2">
                       New token sale mechanism 
                       </h3>
@@ -303,7 +303,7 @@ const ContentSection = () => {
                       make their best decisions accordingly.
                       </p>
                 </div>
-                <div className="col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
+                <div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
                       <h3 className="text-white font-semibold text-xl tracking-wide my-2">
                       Not fully decentralzed; yet. 
                       </h3>