HTML & CSS 연습/organic 7

organic수정footer.css

/* 푸터 정렬 */.footer-top { display: flex; justify-content: space-between; padding-top: 50px;}/* 1번째 푸터 글자크기 */.f-top01 { font-size: 15px; line-height: 2.2;}/* 2번째 푸터 나란히 배치 */.f-top02 ul{ display: inline-block; padding-right: 20px; line-height: 2.5; font-size: 13px;}/* 2번째 푸터 제목부 글자크기 */.f-top02 h6{ font-size: 16px; line-height: 2;}/* 3번째 푸터 글자크기 */.f-top03 h6 { font-size: 16px; line-..

organic수정style.css

/* 메인 가로정렬 나란히 배치 */#main { display: flex; justify-content: space-between; padding-top: 10px;}/* 메뉴 */#main .main-menu { color: white; background-color: var(--main-color); padding: 10px 20px;}/* 메인메뉴에 있는 li의 i태그의 패딩 */#main .main-menu > li i { padding: 0 20px;}/* 메인서브메뉴 사이즈조절 */.main-sub-menu { color: black; display: none; position: absolute; width: 264px; top: 163px; left: 381px; ..

organic수정html.css

/* 헤더탑 배경색 */.header-top { background-color: var(--bg-color); padding: 10px 0;}/* 헤더 가로정렬배치 */.h-top { display: flex; justify-content: space-between;}/* header top left *//* 폰트 사이즈 지정 */.ht-left { font-size: 14px;}/* 아이콘과 텍스트 사이 간격주기 */.ht-left i { padding-right: 3px;}/* 텍스트 사이 borderborder와 텍스트 사이 간격 */.ht-left span:first-child { border-right:1px solid var(--line-color); padding-right:..