inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

CSS Flex와 Grid 제대로 익히기

Flex 반응형 페이지 Step 3

강의도중 텍스트 질문

210

andrewlee

작성한 질문수 35

1

어떤 이유인지 간단한 설명 부탁드려도 될까요? display none과 width: 0은 무조건적으로 지양해야 할까요?

HTML/CSS flex

답변 1

1

1분코딩

https://www.wah.or.kr:444/Participation/consultingView.asp?seq=10072&page=1&cType=&FindTxt=&flag=2&FindCol=0

웹 접근성, 스크린 리더 display: none,
이런 키워드들로 위 링크같은 내용들을 찾아서 읽어보시면 도움이 될 것 같습니다^^
display: none 처리 된 것은 시각장애인들이 사용하는 스크린리더에서 읽어주지 않는다든지, width: 0;이 되면 검색엔진 상 불리하게 동작한다든지 하는 것들이 있는걸로 알고 있습니다.
브라우저 환경이나 정책에 따라 바뀔 수 있는 부분들이라 "무조건"이라고 할 순 없을 것 같고요, 그냥 적당히 피할건 피하면서 맞춰주면 조금 더 낫지 않나 생각이 듭니다. 웹접근성에 민감한 프로젝트가 아니라면 크게 신경은 안쓰셔도 될 수도 있고요~ (저도 매번 철저하게 지키지는 않습니다^^;)

가로스크롤 과 margin: 0 -1rem 질문 있습니다

0

119

1

수업자료 다운로드

0

122

1

VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...

1

138

1

css grid repeat() 에서 autofit 사용시

0

183

1

menu 아이템 반응형 변경

0

102

1

질문은 아니고.. 오타 발견..

0

121

1

웹에서 위치?값

0

212

1

px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?

0

510

2

강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?

0

310

1

flex-basis auto, 0 차이

0

711

2

padding 대신 gap을 쓰는게 더 편하지 않나요?

2

607

1

animation forwards 관련 질문

0

489

2

auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.

0

560

1

flex-grow IE 질문드립니다.

0

625

2

Flex-grow가 적용되는 영역에 대해 질문드립니다.

0

437

1

Grid 수직정렬 문의

0

1076

1

card__item에 display:flex를 했을 때..

0

513

1

11vmin

0

418

1

header class 안에 div와 h2

0

577

1

grid 반응형 페이지 step1 질문있습니다~

0

282

1

반응형 페이지 step4 order

0

357

1

미디어쿼리 사이즈

1

287

1

figure + div

0

301

1

CSS Grid를 통한 정렬의 장점

0

248

1