🔥HTML/CSS - Weegle 검색바 만들기

간단해보였지만 2시간 이상 붙들고 있었던 검색바 만들기😭
역시 이론공부와 실기를 병행하면서 적용해보는 연습을 해야겠다는 생각이 들었다. (쥬륵...😤)

<내가 원하는 모습>

<지금 내 모습>

왼쪽 상단을 보면 이미지가 매우 작게 있다🤔
아니 난 너를 건들적이 없는데 왜....??

문제를 해결하기 위해 구글링을 해보기로 했다!😄🙏

🤸‍♀️위의 문제를 해결하기 위해 먼저 구글 검사를 시도해보았다🤸‍♀️

구글 검사요소로 확인해보고 width: 600px을 추가해서 크기를 키워주기로 했다!🔥

결국 width값과 padding-left로 중앙으로 갔지만
코드가 예쁘다는 생각이 들지 않아서 다른 방법을 모색해보았다!

그런데 개념적으로 img는 block요소인 줄 알았는데 inline요소라는 걸 알게되서 text-align: center;로 손쉽게 중앙으로 옮길 수 있었다....

기초 개념을 단단히 잡아야겠다!!😭

결과물 뿌듯하다!!!🎉🌷😉