Debes nombrar tus Áreas CSS 그리드
CSS Grid nos sirve para cuadricular el contenido de nuestro HTML de manera que mas nos convenga para ordenar la información que mostramos al usuario. Piensa en un blog, tenemos los siguientes elementos
고려 사항 lo anterior podemos pensar en la siguiente estructura
Después de algunas ajustes de dimisiones con CSS
Primero vamos a definir un contenedor para nuestro contenido, para este ejemplo lo creare con un < div >, tu puedes elegir otra etiqueta. No olvides asignarle una clase, en este caso la clase es '그리드 영역'
html
<h1>Grid Template Areas</h1>
<div class="grid-areas">
<div class="header"> Soy el Header</div>
<div class="main">Soy el Main</div>
<div class="footer">Soy el Footer </div>
<div class="aside">Me llamo Aside</div>
</div>
CSS
.grid-areas {
display: grid; <---- Definimos el uso de CSS GRID
grid-template-columns: repeat(4, 1fr); <---- Definimos 4 columnas
grid-template-areas: <---- Asignamos el nombre de las areas
"header header header header "
"main main main aside"
"footer footer footer footer";
}
El resultado de esta estructura es la siguiente:
Reference
이 문제에 관하여(Debes nombrar tus Áreas CSS 그리드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/julio_santacruz/debes-nombrar-tus-areas-css-grid-52co텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)