.

client/src/App.js

 import React, { useEffect, useState } from 'react';
 import { Link, Redirect } from 'react-router-dom';
 import ohuh from './ohuh.PNG';
-import { Container, Row, Form, Image, InputGroup, Button } from 'react-bootstrap';
+import { Col, FormControl, Container, Row, Form, Image, InputGroup, Button } from 'react-bootstrap';
 
 
 
@@ -29,23 +29,29 @@ function App() {
   return (
     <Container className="vh-100">
       <Row className="d-flex justify-content-md-center">
-        <Image src={ohuh} />
-      </Row>
-      <Row className="d-flex justify-content-md-center">
-        <Form className="vw-100" onSubmit={handleSubmit}>
-          <InputGroup>
-            <Form.Control
-              size="lg"
+        {/* <Row as={Image} src={ohuh} col-sm-5 col-lg-6 offset-lg-0> */}
+        <Col md={6} className="mt-5">
+          <Image src={ohuh} fluid />
+        </Col>
+        {/* </Row> */}
+        <Col lg={{ span: 10, offset: 1 }} > {/*xs={{ span: 12, offset: 3 }} */}
+          <InputGroup size="lg" lg={6} xs={5}>
+            <FormControl
+              className="d-flex justify-content-lg-center"
               placeholder="검색어를 입력하세요."
               aria-label="Large"
               aria-describedby="inputGroup-sizing-sm"
               onChange={handleChange}
             />
             <InputGroup.Append>
-              <Button type='submit' variant="outline-secondary">검색</Button>
+              <Button variant="outline-secondary" onClick={handleSubmit}>검색</Button>
             </InputGroup.Append>
           </InputGroup>
-        </Form>
+          {/* <form onSubmit={handleSubmit}>
+          <input className="" name="search" type="text" placeholder="검색어를 입력하세요." onChange={handleChange}></input>
+          <Link to="/search"><button type="submit">검색</button></Link>
+        </form> */}
+        </Col>
       </Row>
     </Container>
   );

client/src/Search.js

@@ -439,7 +439,11 @@ function Search(props) {
             <Row className="mt-2 mb-2">
                 <Form className="vw-100" onSubmit={handleSubmit}>
                     <InputGroup size="lg">
-                        <Link to="/"><Image src={ohuh} /></Link>
+                        <Link to="/">
+                        <Col>
+                            <Image src={ohuh} fluid/>
+                        </Col>  
+                        </Link>
                         <FormControl
                             placeholder="검색어를 입력하세요."
                             value={search}
@@ -448,7 +452,7 @@ function Search(props) {
                             onChange={handleChange}
                         />
                         <InputGroup.Append>
-                            <Button type="submit" variant="outline-secondary" >검색</Button>
+                            <Button type="submit" variant="outline-secondary" style={{maxHeight: "8vh", maxWidth: "14vh" }} >검색</Button>
                         </InputGroup.Append>
                     </InputGroup>
                 </Form>