[KLAE] 2022년 11월 12일 토요일

오늘 한 것

• 식물 추천 초기 페이지 생성

• 선택한 값 표시 및 리스트에 담기

 

해야 할 것

• 추천 받는 페이지에서 선택한 값을 리스트에 담는 건 되는데 화면에 반영이 안 된다 ㅜ 어떻게 했는지 기억이 안 남 .. 화면에 답변 예시들 띄울 때 선택한 값이면 다른 색이 나오도록 삼항 연산자 이용해서 구현했는데, 선택한 값을 바꿔도 색은 동기화가 되지 않는다ㅜ 
• 식물 추천 초기 페이지에서 화살표 위치 수정

 

참고자료

• 요소 중앙 정렬
  http://milooy.github.io/TIL/CSS/css-block-inline-block-vertical-align.html#한줄-텍스트-수직-가운데-정렬

.layer {
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%, -50%);
}

• 요소 가로, 세로 길이 비율 일정하게 유지

width: 3.5vw;
aspect-ratio: auto 1/1;