false 9 갤러리 정렬관련...
질문을 여기에 해도 될지 모르겠는데
혹시 false9 갤러리에서
이미지 배치가 ㅁ ㅁ ㅁ <- 이렇게 가로로 한 행당 3개씩 이쁘게 배치가 되엇었는데 제가 다른 웹사이트 만들면서 같은 스킨을 똑같은 방식으로 적용을 햇는데 ㅁ
ㅁ
ㅁ
ㅁ 이렇게 세로로 길게 정렬이 되네요... (깨진거 처럼...) 아래 코드는 세로로 길게 정렬이 되는 홈페이지의 코드구요 보니까 정상 작동하는 곳 가면
진하게 표시한 portfolio__grid hover--one three--columns 안에 있는 item 에 style로 position: absolute; left: 33.3326%; top: 0px; 이게 자동으로 적용이 되서 잘 정렬이 되는데
정렬 오류난 사이트는 아래와 같이
new
1
3분 전 {작성자}
답변 3개
display: flex;
</p>
<p>.portfolio__grid.three--columns {
margin: -30px;
display: flex;
}</p>
<p>
또는
display: grid;
</p>
<p>.portfolio__grid.three--columns {
margin: -30px;
display: grid;
grid-template-columns: repeat(3, 1fr);
}</p>
<p> </p>
<p>.portfolio__grid.three--columns .item,
.portfolio__grid.three--columns .sizer {
/* width: 33.3333%; */
}</p>
<p>.portfolio__grid .item,
.portfolio__grid .sizer {
/* width: 50%; */
}</p>
<p>
로 수정하면 해결은 될것 같은데
별 작업을 하지 않았음에도 한쪽은 동작하고 한쪽은 동작하지 않는다면
왜 차이가 나는지 확인해볼 필요는 있다고 봅니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인