آموزش CSS Grid را با مثال بیاموزید

درس ها Lessons

• مثال 1 - قرارگیری سلول و دهانه Example 1 - Cell placement and span

• مثال 1 - عملکرد تکرار Example 1 - Repeat function

• مثال 1 - شکاف شبکه Example 1 - Grid gap

• معرفی کلاس Class Intro

• مثال 2 - یک سلول و قراردادهای نامگذاری خالی بگذارید Example 2 - Leave an empty cell and naming conventions

• مثال 2 -تعریف مناطق قالب نامگذاری شده در یک شبکه CSS Example 2 -Defining the named template areas in a CSS Grid

• مثال 1 - راه اندازی شبکه اصلی Example 1 - Basic grid setup

• مثال 1 - معرفی پروژه Example 1 - Project Introduction

• مثال 2 - مرکز کردن آیتم ها در شبکه CSS و استفاده از flexbox Example 2 - Centering items in CSS grid and using flexbox

• مثال 1 - استفاده از minmax Example 1 - Using minmax

• مثال 1 - واحد FR Example 1 - The FR unit

• مثال 2 - طرح های پاسخگو با شبکه CSS Example 2 - Responsive designs with CSS grid

• مثال 2 - مقدمه و شرح پروژه Example 2 - Introduction and project description

• مثال 2 - تنظیم اندازه سطرها و ستون ها Example 2 - Setting the rows and columns sizes