[링크] https://repl.it/@wnsekd2333/namanyi-websaiteu [질문-①] input 을 → border: none; 한 다음에 → 밑줄만 다시 만들기 (그 뒤의 돋보기 아이콘까지 밑줄을 이어주기) [해결] input과 아이콘 각각에게 - css에서 밑줄 효과 주면 --> 둘이 이어서 밑줄 그어진 것처럼 보임 [질문-②] col은 한 줄이 12개이기 때문에 → 12의 약수만큼만 나눌 수 있나요? --> 5칸으로 나누고 싶을 때는 어떻게 하나요? [해결] div 5개 -> 이 5개를 감싸는 div에서 flex 선언 -> 각 5개 안에서 flex: 1 해주기 [링크] https://repl.it/@wnsekd2333/CurlyHardtofindSolution [질문-③] col들 사이에 간격을 주고 싶습니다. margin-left: 10px; 로 해도 변화가 없습니다. col-3 col-3 col-3 col-3 [실패] col 사이에 margin-left로 간격 띄우니까 --> 배열 망가지고 밑으로 내려감 col은 한 줄이 12개로 정해져있어서 --> 간격을 주면 아래 칸으로 내려가는 걸까?? [차선]위처럼 flex: 1로 가로 나눈 후, 거기서 margin-left로 간격 주기 [질문-④] 이 개념이 맞나요? ((개념)) <div> → 세로 <span> → 가로 가끔 <div>로 나누어도 → 아래처럼 가로로 배분되는 경우가 있습니다. 왜 그럴까요.. ((에러)) <div> 안녕 </div> <div> 헬로우 </div> <div> 니하오 </div> → 안녕 헬로우 니하오
# 해당 링크를 참조해보세요 + https://repl.it/@hongpark/five-columns