본문 바로가기

Publishing

{CSS} Grid Layout

그리드레이아웃

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout

 

Basic concepts of grid layout - CSS: Cascading Style Sheets | MDN

CSS Grid Layout introduces a two-dimensional grid system to CSS. Grids can be used to lay out major page areas or small user interface elements. This article introduces the CSS Grid Layout and the new terminology that is part of the CSS Grid Layout Level 1

developer.mozilla.org

 

 

파이어폭스 개발자 도구에서 그리드 확인

https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_grid_layouts/index.html

 

CSS Grid Inspector: Examine grid layouts — Firefox Source Docs documentation

Let’s examine these features in more detail. Inspecting a subgrid When the page contains a grid with a subgrid, the entry for the subgrid is indented under its parent in the Overlay grid section. When you select the checkbox for the subgrid, the lines fo

firefox-source-docs.mozilla.org

 

 

'Publishing' 카테고리의 다른 글

{CSS} tailwindCSS  (0) 2022.11.15
{북마크} CSS Animation Examples  (0) 2022.09.20