[TIL] 02.20 신경 쓸게 많은 반응형

반응형을 또 한번 더 수정을 하였다. 

휴대폰 스크린에맞춰서 먼저 변경을 해주었다. 보드들의 크기를 줄여 주었다. 

 

그리고 테블릿 크기를 맞추어 주었다. 테블릿 화면에서 너무 답답하게 보여졌다.

그래서 원래 랩탑에서 보다 height을 좀더 줄여 주고 원래 2줄 에서 3줄로 보이도록 만들어 주었다. 

 

1024px 화면일때도 조금 답답한 것 같아 4줄로 늘려주고 height을 조절해 주었다. 

 

반응형에 대해서 쉽게 생각하진 않았지만 이렇게 신경 쓸게 많을줄은 몰랐다.

1440px 1200px 1024px 768px 576px 425px 을 기준으로 만들었다. 

원래는 antd 기준만으로 하려고 했는데 그러면 휴대폰 화면이 깨지게 되어 425px을 추가하였다. 

추가로 1024px 스크린 화면도 생각을 하여 추가를 해주었다. 

 

뒤돌아 보면 계속해서 수정사항이나 개성해야 할 부분들이 생기는것 같다.