[230427] css box-sizing, <section><div><article> 차이점

CSS

자식 컴포넌트가 부모 컴포넌트 width를 넘어서서 검색으로 -webkit-fill-available을 사용했는데, box-sizing 속성을 지정해주어서 해결됐다.

box-sizing

https://developer.mozilla.org/ko/docs/Web/CSS/box-sizing#css

---

한 페이지에 div 를 너무 무지성으로 나누는 거 아닌가, 뭔가 구분을 둬야 할 것 같아서 찾아봤다.

 

 

<section><div><article> 차이점 - 의미적 차이

https://velog.io/@yunsungyang-omc/html-%EB%8C%80%ED%91%9C%EC%A0%81%EC%9D%B8-%EB%B8%94%EB%9D%BD%EC%9A%94%EC%86%8C-%EB%B9%84%EA%B5%90-arcicle-section-div

(html) 대표적인 블락요소 비교 (<article> <section> <div>)

---

 

오늘은 거의 비슷한 페이지들만 만들어서 css나 페이지 구성에 대해서만 코드를 짰다.