inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

반응형 디자인 기초

모바일 사이즈에 대해 질문있습니다.

74

부드러운 족제비

작성한 질문수 66

0

안녕하세요 테일윈드 강의에서 반응형 부분의 강의를 보다가 궁금한 점이 생겨 여쭤보고 싶어 글을 남깁니다. 예를 들어 모바일 청첩장처럼 모바일사이즈만 사용할 경우 리액트에서는 처음에 라이브러리를 사용하지 않고 모바일 사이즈로만 설정하는 방법이 궁금합니다. 그리고 테일윈드에서 모바일 사이즈만 할 경우에는 sm 이 부분만 사용을 설정하면 되는지 궁금합니다.

HTML/CSS javascript 반응형-웹 tailwindcss

답변 1

0

짐코딩

안녕하세요 🙂

  • max-width 를 사용해서 최대 너비를 지정하시고요

  • flexbox 나 mx-auto 와 같이 요소를 중앙에 배치할 수 있는 스타일을 적용하시면 돼요!

팁을 말씀 드리면 원하는 사이트가 있다면 해당 사이트에거 개발자도구로 어떤 스타일이 적용되었는지 디버깅 하시면 보다 쉽게 접근할 수 있을 거예요 👍

프론트엔드 학습 수준 문의

0

9

1

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

9

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

30

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

34

2

claude plugin 방법 자세히 부탁드려요

0

34

2

강의에 적용한 스크립트를 받아 볼수 있을까요?

0

27

2

28강 프롬프트가 없습니다.

0

30

2

최근 코테, 과제 테스트 트렌드

0

48

2

노션 25 인터렉션 구현 파트 안 보입니다!

0

29

2

lucide react 아이콘 설치

0

34

2

파트3 13F부분도 짤린거같은데 확인해주세요

0

33

2

tailwindcss v4.1 에서의 script 사용에 대해 궁금한 점이 있습니다.

1

82

1

확장 프로그램 설치 및 최적화 버전 문의

1

93

2

tailwindcss 와 ai tool

0

64

1

tailwindcss 4.1 docs에서는 container가 목록에서 안보이네요

0

70

2

quasar와 tailwind 조합에 관한 질문

0

95

1

실습에 사용되는 이미지

0

100

2

nested 리스트일때 <ul> bullet 스타일 바꾸는 방법

0

197

2

via.placeholder.com 오류

0

806

2

빈 화면에서 tail 만 쳤을때 팝업도움말 나오게 하는 법 알려주세요.

0

115

2

tailwind.config.js 파일을 통해 다크 모드 설정시 적용이 되지 않습니다.

0

279

1

수강평 이벤트

0

132

2

font-weight가 왜 적용이 안될까요?

0

397

3

스니펫 관련질문

0

128

1