From 86292eeab0a0193aac1f0e67a07143a91fc37709 Mon Sep 17 00:00:00 2001
From: mohmmadAyesh <mohmmadayesh22@gmail.com>
Date: Tue, 19 Mar 2024 16:01:14 +0200
Subject: [PATCH] making guess hint guess number blocks responsive

---
 index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index cbbf8d1..daa7466 100644
--- a/index.html
+++ b/index.html
@@ -54,21 +54,21 @@ <h2>Show Hints</h2>
             <a id="resetbtn" class="btn btn-warning">Reset</a>
         </div>
         <div class="center-block">
-            <div class="row">
-                <div id="guesspanel" class="blocks col-xs-3 text-center">
+            <div class="row flex-column flex-sm-row">
+                <div id="guesspanel" class="blocks col-sm-3 col-xs-12 text-center">
 
                     <h2>Guesses  <span id="guesses" class="badge" style="margin-bottom: 5px">0</span></h2>
                     <div class="gcontent">
 
                     </div>
                 </div>
-                <div id="mainpanel" class="blocks col-xs-4 text-center " style="padding-top: 130px">
+                <div id="mainpanel" class="blocks col-xs-12 col-sm-4 text-center " style="padding-top: 130px">
                     <input id="gno" type="number" step="1" min="1" oninput="validity.valid||(value='');" class="form-control center-block" placeholder="Type Your Guess Here!">
 
                     <a id="gbtn" class="btn btn-danger text-uppercase">Guess</a>
 
                 </div>
-                <div id="hintpanel" class="blocks col-xs-4" style="width: 30%">
+                <div id="hintpanel" class="blocks col-xs-12 col-sm-4 col-md-4 text-center col-lg-4">
                     <h2 class="text-center">Hints</h2><br><br>
                     <div class="hcontent center-block text-center">