여러분의 회사에서는 어떤 CSS 라이브러리를 사용하시나요?

Q. 회사에서 어떤 CSS 라이브러리를 사용하고 계시며, 장점과 단점을 알려주실 수 있나요? Q. 반응형 웹사이트와 유지보수의 관점에서, 어느 css 라이브러리를 선택하는 것이 좋을까요? 회사에서 웹사이트를 개발 중인 신입 프론트엔드 개발자입니다. 기존에 Vue로 작성된 레거시 코드를 React로 마이그레이션하고 있습니다. 기존 코드의 스타일링은 css 파일을 import하는 방식으로 사용되었습니다. 이를 React로 변경했을 때, 클래스명이 중복되는 문제가 있어서, css-module을 사용하는 중입니다. (참고로 디자인은 정해져있는 상태입니다.) 앞으로 웹사이트를 반응형으로 제작해야하고, 기능을 추가해야합니다. 또 추후에 다른 사람이 코드를 보고 디자인을 수정해야하는 상황이 올 때, 쉽게 변경할 수 있게 만들고 싶습니다. 제가 익숙한 css 라이브러리는 Tailwind인데, 이 라이브러리는 클래스명이 복잡성이 있고, className이 길어질 수 있다는 단점 때문에, 일부 개발자들이 기피한다고 들었습니다. 제가 선택할 라이브러리를 앞으로도 회사에서 계속 사용하게 될 것 같은데, 어떤 것이 프로젝트 진행에 도움이 될 지, 혹시나 선택한 라이브러리가 걸림돌이 되진 않을지 불안합니다. 여기 계신 개발자분들은 어떤 css 라이브러리를 사용하고 계시며, 어떤 장점이 있나요?

박스 사이징이 고정되어있는데 바꿀 수 없나요?

간절합니다 ㅠㅠ... Next.js(Typescript)와 TailwindCSS를 활용하여 웹사이트를 만들고 있었는데 처음이라 미숙해서인지 아직 실수가 많습니다. 저기 붉은색 박스와 파란색 박스가 화면에서 100%로 되었으면 하는데 지금 계속 화면 크기를 줄이면 저 현상이 일어납니다... 아직 초보라 많이 미숙한데 해결 방법이 있나요?

style.css와 tailwindcss 관련 질문!

style.css는 모든 부분에서 잘 적용되는데 tailwindcss에서 color이나 size 등의 요소는 적용이 안되더라구요.. 제 생각엔 우선순위 문제일 수도 있을 것 같은데.. tailwindcss의 우선순위를 결정하려면 class의 우선순위도 고려해야 하나요?

tailwind를 사용중입니다. 관련된 vscode extension 추천해 주실 수 있나요?

React에서 tailwind를 사용중입니다. class를 자동으로 채워준다거나. 뭔가 참고할수 있다던가 하는 extension있나요? 이미 사용하고 있는 분들의 정보를 듣고 싶습니다.