- depth02가 depth01 너비에 영향을 주지 않는 법 (gnb pattern 02>> layout02.scss)
.depth02 {
display: flex;
position: absolute;
}
>> depth01은 원래 자기 너비를 가지고, depth02는 li들이 flex로 인해 길어지면서 더 넓어지는 효과를 줄 수 있다.
>> list가 많은 사이트에서 볼 수 있음.
- scss에서 하위태그를 쓸 때 '>'를 써주는데, 중복되는 하위요소 태그가 아니라면 생략해도 상관없지만, 중복요소가 있을 때는 꼭 >를 써줘야한다!
- 구글웹폰트를 가져올 때, index.html에 링크를 걸어주거나 OR css파일에 @import {}를 써주거나 둘 중 하나만 사용해도 폰트는 적용이 된다.
- 옆으로 옮긴 걸 다시 중앙으로 위치시킬 때,
left: 50%;
transform: translateX(-50%);
- margin
negative margin (음수값)을 주면 크기가 더 커진다.
* 참고사이트
Stack Overflow - Where Developers Learn, Share, & Build Careers
Stack Overflow | The World’s Largest Online Community for Developers
stackoverflow.com
