chore: fix github comments

.vscode/settings.json

@@ -1,6 +1,6 @@
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   },
   "eslint.validate": [
     "javascript",

components/common/SearchBox/index.tsx

@@ -3,11 +3,12 @@ import SearchInput from './SearchInput';
 function SearchBox() {
   return (
     <div className="container px-25 md:px-0 flex flex-col items-center my-35 md:my-[100px]">
-      <h1 className="w-full font-semibold md:text-56 text-28 text-center text-baseForeground ">
+      <h1 className="w-full font-semibold text-22 xs:text-28 md:text-56 text-center text-baseForeground ">
         Rango Swaps Explorer
       </h1>
-      <p className="w-full mt-10 md:mt-0 md:text-22 text-16 mb-[45px] text-neutral-200 text-center">
-        Track all transactions on Rango Exchange
+      <p className="w-full flex flex-col md:flex-row items-center justify-center mt-10 md:mt-0 text-14 xs:text-16 md:text-22  mb-[45px] text-neutral-200 text-center">
+        <span>Track all transactions on Rango</span>
+        <span className="ml-0 md:ml-5"> Exchange</span>
       </p>
       <SearchInput />
     </div>

pages/index.tsx

@@ -41,7 +41,7 @@ function Home(props: PropsType) {
   ) : (
     <Layout title="Rango Scanner">
       <div>
-        <div className="flex flex-col items-center relative bg-baseBackground h-[570px] md:h-[662px]">
+        <div className="flex flex-col items-center relative bg-baseBackground h-[595px] md:h-[662px]">
           <SearchBox />
           <div className="w-[calc(100%-3.125rem)] md:container bg-neutral-500 absolute p-20 md:p-[40px] pr-0 md:pr-0 flex flex-col-reverse  md:flex-row items-center justify-between bottom-0 rounded-normal translate-y-[50%]">
             <div className="w-full md:w-[36%]">

tailwind.config.js

@@ -15,6 +15,7 @@ module.exports = {
       heading: ['Roboto'],
     },
     screens: {
+      'xs': '330px',
       'sm': '640px',
       'md': '1024px',
       'lg': '1280px',