추씨의HTML일기22편(RES)

금일강의내용정리

==========================================================================

RES>box.html : 박스를 내부디자인 해서 PC버전에선 가로정렬, tap버전에선 짝수가로정렬,

모바일 버전에선 세로정렬로 구현

 

* transition: all 0.3s ease-in-out; => 위로 들리기
  transform: translateY(-4px); => 다시 내리기
  display: grid; 
  grid-template-columns: repeat(2, 1fr); => 해상도마다 다르게 보이기

 

------------------------------------------------------------------------------------------------

RES>footer.html : 내일다시하기로함(사이트 가장 하단 footer부분 디자인)

 

* 앞의 예제를 footer에 적용 시킴(내일 다시함)

 

------------------------------------------------------------------------------------------------

금일 강의 내용 최종정리(오후) 

1. transition: all 0.3s ease-in-out;
2. transform: translateY(-4px);
3. display: grid;
    grid-template-columns: repeat(2, 1fr);

 

여기까지 금일강의내용 정리

==========================================================================

느낀점 : 좀 피곤하네 = 이번주 3일연속 야근

==========================================================================

오늘의 결론

.

.

.

.

.

.

.

절대 포기하지 말라. 당신이 되고 싶은 무언가가 있다면, 그에 대해 자부심을 가져라. 당신 자신에게 기회를 주어라. 스스로가 형편없다고 생각하지 말라. 그래봐야 아무 것도 얻을 것이 없다. 목표를 높이 세워라.인생은 그렇게 살아야 한다.

– 마이크 맥라렌