[🥹 Feedback] Timeline Feedback

[shimseohyun]

🛠 Issue

timeline feedback...
너무 잘 해주셨어요! 감사합니다 ^_^

📝 To-do

• 전체 뷰 크기 수정
  현재 padding과 margin으로 내부 뷰 크기를 조절하고 계시네요!
  내부 뷰의 크기는 1200px을 넘어가지 않습니다.

w-full px-10으로 최상단 화면을 정의하는 것 보다는

<section className="flex justify-center">
    <div className="max-w-[1200px] tablet:px-10 px-4">
       <div className="w-full">
           코드~~~~

으로 정의 해보는건 어떨까요?
<section className="flex justify-center"> 아래로 정의된
내부 콘텐츠들이 max-w-[1200px]을 넘어가지 않고,
tablet:px-10 px-4 데스크탑과 테블릿에서는 좌우 패딩이 40px, 모바일에서는 16px로 정의되어 뷰 구현이 조금 더 수월하지 않을까 합니다.

• generation Button style 수정

    <button
      className="w-10 h-8 bg-transparent border rounded-lg text-xs leading-4 px-2 py-1"
      style={{ borderWidth: '1.5px', borderColor, color: textColor }}
      onClick={() => onClick(label)}
    >

w-10 h-8 의 경우 굳이 지정할 필요는 없을 것 같습니다. padding 설정으로 자동지정되니까요!
text-xs leading-4 얘네는 font style 써주세요!

borderWidth: '1.5px' 1px...입니다..ㅎㅎ

• Date Header style - 좌우 8px 넣어주세요~! px-2

• (제안) Flex를 줬으면 margin으로 간격을 조절하는 것보다는 보다는 gap을 써보는건 어떤가요?

[puretension]

와.. 하나하나 알려주셔서 넘 감사드립니다🥹 올바른 방향으로 수정후에 체크하겠습니당!!