flex-wrap:wrap; 설정 후 창사이즈 변경때 나타나는 증상
344
작성한 질문수 3
선생님 덕분에 만들어볼 수 있을정도로 올수있었습니다 감사합니다ㅠㅠㅠ
현재 연습용으로 만들어보다가 안되는건 대충 구글검색으로 해결 가능한데, 이 버그같은(?) 문제는 어떤 키워드로 검색해야할지... 혹은 원래 이런현상이 있는거라서
flex레이아웃을 안쓰는건지.. 궁금해서요ㅠㅠㅠㅠ
핑크 네모박스들이 전체창이 줄어들때 부모격한테 flex-wrap: wrap;을 줘서 줄어들때 같이 줄어드는데,
근데 문제가 통통튀기듯이 아래로 내려갔다가 다시 자기자리로 오는게 너무 보기 싫어서 해결하고 싶은데
해결방법을 어떻게 해야할지 모르겠어서요
혹시 선생님 이런문제 보신적 있으실까요..?
혹시 영어로 어떤 키워드를 검색하면 나올지 대략 감이 오실까요ㅠㅠㅠ?
아래↓는 핑크 네모박스들의 엄마에게 준 css코드입니다!
https://youtu.be/NgiRnScmjK8
(동영상 첨부를 할줄몰라서 유튜브에 올려 링크가져왔습니다ㅠㅠ)
죄송하구 감사합니다 선생님ㅠㅠㅠ
답변 1
0
각 박스들의 너비가 픽셀값으로 고정되어있을 것으로 예상되는데요,
박스의 너비가 고정되어야하는게 아니라면 "카드 리스트" 만드는 부분을 참고하셔서
폭이 유연하게 %값으로 변하는 유체 그리드로 작업을 하시면 될 것 같습니다^^
가로스크롤 과 margin: 0 -1rem 질문 있습니다
0
119
1
수업자료 다운로드
0
122
1
VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...
1
137
1
css grid repeat() 에서 autofit 사용시
0
182
1
menu 아이템 반응형 변경
0
102
1
질문은 아니고.. 오타 발견..
0
120
1
웹에서 위치?값
0
211
1
px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?
0
510
2
강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?
0
309
1
flex-basis auto, 0 차이
0
709
2
padding 대신 gap을 쓰는게 더 편하지 않나요?
2
607
1
animation forwards 관련 질문
0
488
2
auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.
0
559
1
flex-grow IE 질문드립니다.
0
624
2
Flex-grow가 적용되는 영역에 대해 질문드립니다.
0
437
1
Grid 수직정렬 문의
0
1075
1
card__item에 display:flex를 했을 때..
0
512
1
11vmin
0
417
1
header class 안에 div와 h2
0
576
1
grid 반응형 페이지 step1 질문있습니다~
0
282
1
반응형 페이지 step4 order
0
356
1
미디어쿼리 사이즈
1
286
1
figure + div
0
300
1
CSS Grid를 통한 정렬의 장점
0
247
1