footer 처리

서비스 제공자 기본정보도 넣고, sns 로고도 넣는다~
진짜처럼 통신판매업 신고번호도 넣어봤는데 복잡해 보여서 일단 줄였다.

html:

<footer>
	<div style="width: 500px; display: flex; justify-content: space-between;">
	
		  <div style="width: 90%;"><!-- 하좌 -->
		    <div class="footer-item">
		      밍키몰(주) | 이메일: qna@minkimall.com | 전화: 1111-2222
		    </div>
		    <div class="footer-item">
		      대표자: 밍키 | 사업자 등록번호: 777-88-99999
		    </div>
		    <div class="footer-item">
		      Copyright ©2024 MINKI MALL. All rights reserved.
		    </div>
		  </div><!-- 하좌 끝 -->
		  
		  <div style="width: 10%; display: flex; justify-content: flex-end;"><!-- 하우 -->	  
		  	<a href="https://velog.io/@kiyo" target="_blank">
				<img th:src="@{/img/img2/velogLogo777.PNG}" class="snsImg">		
			</a>	  
		  </div><!-- 하우 끝 -->
		  
	  </div>
 </footer>

css:

footer{
	background: #dbd8f8;
	height: 70px;	/* 영역의 높이 */
	line-height: 20px;	/* 각줄의 높이 */
	display: flex;
	justify-content: center;
	align-items: center;
	}

.footer-item {
  display: block;
  font-size: 12px;
  color: #777;
}

.snsImg {
  margin: 5px 0; 
  width: 20px;
}