inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[코드캠프] 시작은 프리캠프

싸이월드 만들기 1탄

아이콘 부분

해결된 질문

278

김서연

작성한 질문수 9

0

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

HTML/CSS javascript

답변 1

0

노원두

안녕하세요! 서연님!

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

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

     

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

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

싸이월드3

0

78

2

싸이월드2 관련 질문 드립니

0

93

3

과제 모범답안 유무

0

89

2

과제 연습 질문

0

72

2

<style> 에 *와 div 차이

0

87

2

과제 profile 부분 질문

0

114

2

과제 Profile 부분 질문

0

86

2

left_body_header의 자식border-top인데

0

80

2

정렬 연습중인데 왜 여성과 남성 칸이 가로로 배열 안되는지 모르겠습니다.

0

127

1

태그 궁금한 점

0

162

2

HTML 회원가입

0

193

2

문법관련 질문입니다

0

253

2

윈도우 누른치로 마침표 눌렀는데 이모지가 안되는데용.?./.

0

649

2

26분50초에 세로줄 어떻게 해요 ..? ㅎㅎㅎ

0

251

2

피그마에서 css 코드가 안보여요..

1

3219

2

주석기능을 하고 싶은데 컨트롤+느낌표가 안됩니다 ㅠㅠ

0

325

2

언어 설정 -> 한글

0

289

1

2024년 html

0

226

1

피그마 유료화

0

1670

1

Fiama 링크 찾기

0

240

2

Figma는 어디에 있나요?

0

251

1

안녕하세요. 제공되는 노션 학습자료는 어디서 확인가능한가요?

0

357

2

git 질문입니다

0

216

1

아무리 찾아봐도 피그마 링크가 보이질 않습니다.

0

312

1