인프런 커뮤니티 질문&답변
작성한 질문수
아이콘 부분이 너무 다닥다닥 붙어있는데 조금 띄우려면 어떻게 해야하나요ㅠㅠ 답변 1
0
노원두
지식공유자
안녕하세요! 서연님!
해당 문제의 해결 방법은 굉장히 많이 있으므로, 몇 가지 방법과 추천드리는 방법을 함께 제시해 드릴게요!
좋은 방법은 아니지만 가장 쉬운 방법으로 각 아이콘 아래에 한줄 내려서 빈 줄을 추가하는 방법이 있겠죠! 한 줄 내리는 태그는 <br /> 태그였어요!
각 아이콘들 위 또는 아래로 padding이나 margin 등의 여백을 주실 수도 있겠죠?!
마지막으로 실무에서는 보통 아이콘들을 display:flex 의 부모로 묶게 되면 자식들의 거리를 gap: 10px 등과 같이 주실 수 있어요! 단, flex-direction은 column이어야겠죠?! 이 내용은 난이도가 조금 있을 수 있으므로 따로 빈 화면에 연습해보시고 적용하시길 추천드리며, 당장 구현을 원하시면 우선은 가장 기초적인 위 1번의 <br />태그를 사용해 보시면 좋겠어요!^^