remove unnecessary styles and update readme;

Author: Cube-J

1.hello-world/13.read-video-react-hooks/README.md

@@ -238,8 +238,6 @@ export default ImgDecode;
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 100%;
-  height: 90%;
   border: 1px solid black
 }
 ```
@@ -284,7 +282,7 @@ function HelloWorld() {
         Hello World for React
         <img src={reactLogo} className="App-logo" alt="logo" />
       </h1>
-      <div className="btn-group">
+      <div>
         <button
           style={{
             marginRight: "10px",
@@ -329,7 +327,6 @@ export default HelloWorld;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    overflow: hidden;
     width: 100%;
     height: 100%;
     color: #455A64;
@@ -347,62 +344,10 @@ button {
     color: black;
 }
 
-span {
-    font-size: 0.8rem;
-}
-
-.latest-result {
-    display: block;
-    margin: 0;
-    padding: 0.4rem 0.8rem;
-    color: inherit;
-    width: 80vw;
-    border: none;
-    font-size: 1rem;
-    border-radius: 0.2rem;
-    text-align: center;
-}
-
-.latest-result::placeholder {
-    color: #B0BEC5;
-}
-
-.latest-result:focus {
-    outline: none;
-    box-shadow: 0.1rem 0.4rem 0.8rem #fe8e14;
-}
-
-#results {
-    border: 1px dashed grey;
-    overflow: auto;
-    width: 80vw;
-    padding: 2vmin;
-    margin-bottom: 3vh;
-    height: 15vh;
-}
-
-#results ul {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-align: left;
-    font-size: 0.8rem;
-}
-
-.resultText {
-    color: #cE5E04
-}
-
-.bigger {
-    font-size: large;
-    margin-bottom: 2%;
-}
-
 .container {
     margin: 2vmin auto;
     text-align: center;
     font-size: medium;
-    /* height: 40vh; */
     width: 80vw;
 }
 ```

1.hello-world/13.read-video-react-hooks/src/components/HelloWorld/HelloWorld.css

@@ -3,7 +3,6 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    overflow: hidden;
     width: 100%;
     height: 100%;
     color: #455A64;
@@ -21,61 +20,9 @@ button {
     color: black;
 }
 
-span {
-    font-size: 0.8rem;
-}
-
-.latest-result {
-    display: block;
-    margin: 0;
-    padding: 0.4rem 0.8rem;
-    color: inherit;
-    width: 80vw;
-    border: none;
-    font-size: 1rem;
-    border-radius: 0.2rem;
-    text-align: center;
-}
-
-.latest-result::placeholder {
-    color: #B0BEC5;
-}
-
-.latest-result:focus {
-    outline: none;
-    box-shadow: 0.1rem 0.4rem 0.8rem #fe8e14;
-}
-
-#results {
-    border: 1px dashed grey;
-    overflow: auto;
-    width: 80vw;
-    padding: 2vmin;
-    margin-bottom: 3vh;
-    height: 15vh;
-}
-
-#results ul {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    text-align: left;
-    font-size: 0.8rem;
-}
-
-.resultText {
-    color: #cE5E04
-}
-
-.bigger {
-    font-size: large;
-    margin-bottom: 2%;
-}
-
 .container {
     margin: 2vmin auto;
     text-align: center;
     font-size: medium;
-    /* height: 40vh; */
     width: 80vw;
-}
+}

1.hello-world/13.read-video-react-hooks/src/components/HelloWorld/HelloWorld.tsx

@@ -31,7 +31,7 @@ function HelloWorld() {
         Hello World for React
         <img src={reactLogo} className="App-logo" alt="logo" />
       </h1>
-      <div className="btn-group">
+      <div>
         <button
           style={{
             marginRight: "10px",

1.hello-world/13.read-video-react-hooks/src/components/ImgDecode/ImgDecode.css

@@ -2,7 +2,5 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 100%;
-  height: 90%;
   border: 1px solid black
 }