연말까지 매일 웹 사이트를 꾸준히 만드는 대학생~ 23일째 3column layout에서 웹 사이트 만들기~
2413 단어 CSS
입문
안녕하세요.요즘 주말에 온천 @70days_js!
웹 사이트 제작에서 돈을 벌기 위해 연말까지 매일 웹 사이트를 만들고 있다.
어제 2열 레이아웃 사이트를 만들었기 때문에 오늘은 3열 레이아웃 사이트를 만들어 보았다.
뭘 참고할까 말까 망설였지만 일단 자기가 한 거니까 아무것도 안 보고 했어요.응답이 지원되지 않습니다.
처리 기술 수준은 낮지만 같은 고민을 하는 초보자에게 용기를 줄 수 있다면 좋겠다.
오늘이 23일째다.(2019/11/10)
잘 부탁드립니다.
사이트 URL
한 일
나는 3column layout으로 사이트를 만들었다.
먼저 구상을 세워야 한다.↓
다음은 손으로 그림그림을 그린다.↓
마지막으로 실제 인코딩이 완료되었습니다.↓(gif, 무겁지 않을 수 있습니다. 사이트 URL로 GO!)
특별히 흥미로운 장면은 없지만 이번에는 헤더,main,footer로 구성되어 있다.main에서 오른쪽, 중간, 왼쪽으로 나뉘어 flexbox로 처리된다.
body {
margin: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
}
main {
display: flex;
}
그 후로 지금까지 배운 것이 편해졌기 때문이다.감상
한 시간 가까이 인코딩을 하다니.역시 css는 시간이 걸리네.다만, 디자인을 생각해 보니 기쁩니다.
끝까지 읽어주셔서 감사합니다.내일도 투고할 테니 잘 부탁드립니다.
참고 자료
Reference
이 문제에 관하여(연말까지 매일 웹 사이트를 꾸준히 만드는 대학생~ 23일째 3column layout에서 웹 사이트 만들기~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/70days_js/items/563f0dc766a5a469fb66텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)