inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오

css 관련 질문 있습니다.

해결된 질문

271

박동윤

작성한 질문수 1

1

안녕하세요 강의 잘 수강하고 있습니다.

다름이 아니라 s1_list , s2_list 의 내용을 html에 목록 태그로 정의하고 css 디자인 입히셨는데요

이 부분을 s1_list s2_list에 display:flex 속성을 주어서 정렬을 해도 괜찮을까요?

flex 속성을 활용하여 만들어보고 싶어서 여쭤봅니다! 혹시나 이 속성을 적용하면 단점이라던지 불편한 점이나 불가능한 부분이 있을까요

pc 버전등에서 디자인이 변경될때 좀 더 용이한가 싶어서 이 부분을 수정해서 포폴에 활용해 볼까 합니다!

HTML/CSS javascript jquery 반응형-웹 media-query

답변 1

1

LIZ.B

안녕하세요~ 질문 주신 내용을 확인해 보았습니다.^^
현재 mobile css 를 진행하는 단계인 듯 한데요. 말씀하신 s1,s2_list는 flex layout이 desktop에서 나옵니다.
mobile에서는 display속성이 block인 상태로도 충분히 만들 수 있기 때문에 구지 복잡하게 만들 필요는 없다고 생각 드네요~~ ,
또한 flex layout을 사용하고 싶다면 flex-direction을 column으로 변경해서 진행해야 합니다.
참고하세요!
멋진 포트폴리오 완성하길 응원할께요! 감사합니다~

챌린지 시작일 문의

0

6

0

17강 강의에 목데이터 첨부파일이 없습니다.

0

6

0

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

10

1

11차시 Antigravity IDE 설치 후

0

14

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

9

1

5,6,7,8 내용이 없어요

0

12

1

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

9

1

mission 09-01 을 수행할 수 없어요

0

16

1

푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?

0

23

1

Context API vs Zustand 그리고 Auth

0

31

2

장치 의존성과 CSR

0

30

1

순수 함수 / 순수 컴포넌트

0

21

1

css box-sizing 관련 질문

0

32

2

여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?

0

25

1

스니펫이 이상해요

0

31

2

node.js 설치 (LTS버전)

0

27

1

Cursor & Antigravity 소개 및 설치

0

31

2

Editor Component의 최적화 불가능 이슈

0

37

2

뉴스페이퍼 테마 관련

0

35

1

폰트나 이미지사용 문의

0

103

1

figma에서 이미지 크기를 문의드립니다

1

298

1

슬라이드 문의드립니다.

1

159

2

일러스트의 "gif 애니메이션"을 문의드립니다.

1

281

3

이미지를 문의드립니다.

1

302

4