[CSS] 반응형 웹사이트 만들기1

miso_hwa·2022년 5월 24일

1. 학습한 내용

  • 원페이지 만들기
    : 한 페이지 안에 원하는 내용을 모두 넣는 것

  • 아이콘 폰트
    : 웹에서 아이콘을 이미지로 적용하는 방법도 있지만 이러한 작업을 하기 위해서는 번거롭다는 단점이 있음. 그것을 개선하기 위해 만들어진 기능.
    폰트 파일에 아이콘을 넣어서 활용하자! (이미지글자로 삽입)

    https://fontawesome.com

과제

① 미디어쿼리를 사용해서
② 화면 크기가 700px 보다 작을 때, 폰트 사이즈를 64px로 줄이기

@media (max-width: 700px){
    .title{
        font-size: 64px;
    }
}

2. 어려웠던 내용

강의를 들으면서 동시에 코드를 작성하기 벅참.
코드를 따라적다가 설명을 놓칠 때가 있음..

3. 해결 방법

강의를 반복학습하여 내용을 명확하게 숙지할 예정임

4. 학습 소감

css는 예쁘게 꾸며준다는 점에서는 매력적이지만,
익숙해지기 전까지는 어려운 것 같다...

profile
Junior Data Analyst

0개의 댓글