안녕하세요
8월03일54일차 - 웹코딩1(주얼리), float, 리액트 css 가져오는 방법 본문
메모를 실수로 날려버렸습니다... 내일 학원에서 파일을 다시 보며 기억을 살려 메모를 해보도록 합니다.
주얼리 주제와 마우스 이벤트를 넣는 것이 목표였지만 어느 쪽도 쉽지 않습니다.
[ 주얼리 웹코딩 ] [ 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;
}
'프론트엔드 국비교육 > 구현한 웹페이지' 카테고리의 다른 글
8월11일60일차 - 웹코딩(프랜차이즈), flex-wrap, table (0) | 2022.08.11 |
---|---|
8월04일55일차 - 웹코딩2(주얼리), 소소한 웹코딩 팁 8가지 (0) | 2022.08.07 |
7월27일49일차 - 웹코딩2(게임) 반응형 (0) | 2022.07.28 |
7월20일44일차 - 웹코딩1(게임), 배열로 탭메뉴 만들기, slick centerMode (0) | 2022.07.20 |
7월15일41일차 - 웹코딩4(의류) (sticky제품, footer 마무리) (0) | 2022.07.15 |