score:1

at first you should import

1 - container

2 - logosection

3 - searchsection

4 - form

5 - search

6 - searchicon

7 - searchinput

8 - micicon

9 - buttonsection

you have mistakes in styling footer. this is the correct way of writing the styling:

const footer = styled.div`
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  bottom: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  align-items: center;
  height: 93.5px;
  font-size: 14px;
  background: #f2f2f2;
  justify-content: space-between;
  width: 100vw;
  
  @media only screen and (max-width: 1200px) {
    justify-content: space-evenly;
  }
`;

Related Query

More Query from same tag