inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

Ch2-1. 메인 페이지의 메인 배너(Hero.jsx) 제작

tailwind 화면 크기에 따른 ui 변화 기준

해결된 질문

76

kindjin12

작성한 질문수 15

0

sm : 640 이상

md : 768 이상

lg : 1024 이상

2xl : 1536 이상

은 설정하신건가요? 기본 설정인가요?

HTML/CSS javascript react node.js mongodb

답변 1

0

닭강정

안녕하세요, kindjin12님.

질문 주신 Tailwind CSS의 반응형 기준(sm, md, lg, 2xl 등)에 대해 답변드립니다.

현재 강의에서 사용되고 있는 브레이크포인트 값인

  • sm: 640px 이상

  • md: 768px 이상

  • lg: 1024px 이상

  • 2xl: 1536px 이상

은 제가 별도로 설정한 것이 아니라 Tailwind CSS의 기본(Default) 설정 그대로 사용하고 있는 값입니다. 따라서 별도의 tailwind.config.js에서 커스터마이징을 하지 않는 이상, 해당 값들은 기본 규칙으로 자동 적용됩니다.

혹시 강의 진행 중 특정 화면 크기에서의 스타일 조정이나 반응형 커스터마이징을 원하시는 경우,
Tailwind의 theme.screens 옵션을 통해 자유롭게 조정하실 수 있으니 필요하시면 예시 코드나 가이드도 추가로 도와드리겠습니다.

궁금한 점을 상세히 확인해주셔서 감사드리고, 앞으로도 편하게 질문 남겨주세요!

https://my-company.site/ 접속

0

69

3

tailwind 1279부터 768까지 모바일형과 컴퓨터형의 컴포넌트가 같이 보임

0

61

3

notion 수정

1

65

1

9강에서 'Ch-9-1. GitHub 저장소 링크' 오류

0

76

1

tailwind 설치 명령어 관련 질문

0

71

2

관리자 자동 로그아웃 문의드립니다.

0

83

1

ipify.org api 호출 시 클라이언트 ip주소를 반환하는지?

0

180

2

ch5-1 관리자 페이지 IP블랙리스트 기능구현 관련

0

85

2

ch4-6 관리자 계정 로그아웃 , 삭제 관련

0

118

2

ch4-5 관리자 계정 로그인, JWT토큰 관련

0

96

2

ch4-4관리자 계정생성하기 문제 발생

0

110

2

MODULE_NOT_FOUND 오류

0

143

3

이미지 파일의 경로 설정에 대한 질문입니다.

0

100

2

배포 후 모바일에서 접속하면 게시판 게시글이 안보이는 문제

0

114

2

모바일 화면 전환

0

129

1

tailwind css 설치 위치

0

211

1

결제기능 관련

0

100

2

vite 설치 관련 문의

0

82

1

배포관련 질문드립니다.

0

156

3

PUT, DELETE 등의 http 메소드 질문있습니다.

0

363

2

안녕하세요 선생님 특정 IP만 접속 가능한 기능 강의 예정 있으실까요??

0

118

1

질문 userSchema 의 timestamps: true

0

95

3

배포에 대해서 질문있습니다

0

150

1

초기 설정에 대한 질문

0

166

1