Grid1 CSS 그리드 내의 확장 가능한 섹션 난 CSS 그리드가 좋아. 저는 몇 줄의 코드만으로도 미디어 질의 없이 완벽하게 반응하는 그리드 레이아웃을 만들 수 있는 방법이 마음에 듭니다. HTML 마크업을 깔끔하고 단순하게 유지하면서 흥미로운 레이아웃을 만들기 위해 CSS 그리드와 논쟁하는 것이 편합니다. 하지만 최근에, 저는 풀어야 할 독특한 UI 난제를 받았습니다. 기본적으로, 주어진 그리드 셀에는 그리드의 일부인 다른 더 큰 영역을 열 수 있는 버튼이 있을 수 있습니다. 그러나 이 보다 큰 그리드 셀은 다음과 같아야 했습니다. 그것을 열었던 세포 바로 아래에, 그리고 전폭의 CSS 그리드의 정신에 따라 좋은 해결책이 있다는 것이 밝혀졌습니다. 단지 몇줄의 코드만 사용했을 뿐이죠. 이 기사에서는 이 문제를 해결하기 위해 세 개의 한 줄 CSS.. 2021. 10. 19. 이전 1 다음