인프런 커뮤니티 질문&답변

박동윤님의 프로필 이미지

작성한 질문수

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

css 관련 질문 있습니다.

해결된 질문

24.01.11 12:13 작성

·

158

·

수정됨

1

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

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

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

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

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

답변 1

1

LIZ.B님의 프로필 이미지
LIZ.B
지식공유자

2024. 01. 11. 14:39

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