연말까지 매일 웹 사이트를 꾸준히 만드는 대학생~ 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는 시간이 걸리네.다만, 디자인을 생각해 보니 기쁩니다.
끝까지 읽어주셔서 감사합니다.내일도 투고할 테니 잘 부탁드립니다.

참고 자료

  • 햇빛에 흠뻑 젖은 설산 비탈길. 무료 사진 소재는 자유소재https://pakutaso.com/20191127311post-20952.html
  • 그림을 빌렸어요.정말 감사합니다.

    좋은 웹페이지 즐겨찾기