TIL

[TIL] 230302

winter17 2023. 3. 2. 22:42

오늘 한 일

  • WEB - semantic web
  • swea d3 5549

오늘 느낀 것

오늘 과제 시간 때 3개 중에 2개만 완성하고 마지막 과제가 좀 귀찮아 보여서 그냥 넘겨야지~ 하다가 

지금 안 하면 뒤처질게 뻔해서 귀찮음을 무릅쓰고 책상 앞에 다시 앉았다!!

 

flex-wrap을 이용해서 반응형으로 만들어 봤는데 원하는 대로 나오지 않아서 공부를 더 할 필요가 있는 것 같다

 

원하는 그림 : 3개의 div가 가로로 있는데 페이지를 최소한으로 줄였을 때 하나의 div가 한 페이지에 들어가고

나머지는 줄 바꿈이 일어나는데 총 2번의 줄 바꿈이 일어나면서 스크롤할 수 있도록,

그리고 초기설정해둔 div크기가 바뀌지 않을 것

 

결과물 : 페이지를 최소한으로 줄였을 때 줄 바꿈이 1번만 일어나고 초기에 설정해 둔 div의 크기가 최소한으로 더 줄어듦

 

구글링을 해보니까 전체넓이에서 flex-box 할 부분의 비율을 조정하면 된다고 해서 시도해 봤으나 원하는 모양이 나오지 않았다ㅠ