멋사 프론트엔드 스쿨 5기 TIL - 2월27일

🌈 폰트 적용

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800&display=swap');


* {

font-family: 'Montserrat';

}

🌈 float 와 overflow : hidden

<div class="float-wrap">
    <p class="left-item"> left </p>
    <p class="right-item"> right </p>
</div>

float : left 와 right 를 1번과 2번에 주게 되면 뒤에 오는 html 요소가 겹치게 됨
👉 float 가지고 있는 요소를 div로 감싸주고 overflow: hidden 해주기

🌈 div 를 가운데로 옮기는 css

margin-left : auto;
margin-right : auto;

다시 0부터 구현해보자.