• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    해결됨

아이콘 부분

23.10.19 17:51 작성 조회수 173

0

스크린샷 2023-10-19 오후 5.51.10.png아이콘 부분이 너무 다닥다닥 붙어있는데 조금 띄우려면 어떻게 해야하나요ㅠㅠ 

답변 1

답변을 작성해보세요.

0

안녕하세요! 서연님!

해당 문제의 해결 방법은 굉장히 많이 있으므로, 몇 가지 방법추천드리는 방법을 함께 제시해 드릴게요!

  1. 좋은 방법은 아니지만 가장 쉬운 방법으로 각 아이콘 아래에 한줄 내려서 빈 줄을 추가하는 방법이 있겠죠! 한 줄 내리는 태그는 <br /> 태그였어요!

     

  2. 각 아이콘들 위 또는 아래로 padding이나 margin 등의 여백을 주실 수도 있겠죠?!

  3. 마지막으로 실무에서는 보통 아이콘들을 display:flex 의 부모로 묶게 되면 자식들의 거리를 gap: 10px 등과 같이 주실 수 있어요! 단, flex-direction은 column이어야겠죠?! 이 내용은 난이도가 조금 있을 수 있으므로 따로 빈 화면에 연습해보시고 적용하시길 추천드리며, 당장 구현을 원하시면 우선은 가장 기초적인 위 1번의 <br />태그를 사용해 보시면 좋겠어요!^^