Shorts

Footer 에서 flex-wrap 잘 쓰기

1 minute read
2024-08-17

코드

너비가 좁아도 최대한 우겨넣을 때 flex-wrap 을 사용한다.


wrap 코드

flex wrap
<div className="flex flex-wrap gap-[0.5px]">
</div>


전체 코드

<div className="flex flex-col gap-1">
  {/* info */}
  <div className="flex flex-wrap gap-[0.5px]">
    <span>(주) _____</span>
    <span className="mx-1">|</span>
    <div>대표: ____</div>
    <span className="mx-1">|</span>
    <span>사업자등록번호: ____</span>
  </div>
 
  {/* address */}
  <div>주소 : ________</div>
 
  {/* contact */}
  <div className="flex flex-wrap gap-[0.5px]">
    <div>Tel: 010-1234-1234</div>
    <span className="mx-1">|</span>
    <div>Fax: 1234-1234-1234</div>
    <span className="mx-1">|</span>
    <div>Email: asdf@asdf.com</div>
  </div>
</div>