안녕하세요

8월03일54일차 - 웹코딩1(주얼리), float, 리액트 css 가져오는 방법 본문

프론트엔드 국비교육/구현한 웹페이지

8월03일54일차 - 웹코딩1(주얼리), float, 리액트 css 가져오는 방법

sakuraop 2022. 8. 3. 23:23

메모를 실수로 날려버렸습니다... 내일 학원에서 파일을 다시 보며 기억을 살려 메모를 해보도록 합니다.

 

주얼리 주제와 마우스 이벤트를 넣는 것이 목표였지만 어느 쪽도 쉽지 않습니다.

 

[ 주얼리 웹코딩 ] [ html / css / js ]

 

align-self 를 이용하면 width: 100%;처럼 박스 내에서 커지도록 할 수 있습니다.
        align-self: stretch;


박스 두개를 float:left; wirdth:50%를 적용하면 각각 50%씩 자리를 차지하여 display: flex; flex: 1; 같은 배치가 됩니다.
      .Business .inner > div {
        float: left;
        width: 50%;
        padding: 0 15px;
      }