CSS கிரிட் உருவாக்கி

ஒரு செவ்வகத்தைக் குறிக்க கலங்களின் குறுக்கே அழுத்தி இழுக்கவும் — நீங்கள் விடும்போது அது அந்த நெடுவரிசைகள் மற்றும் வரிசைகளை உள்ளடக்கிய ஒரு வைக்கப்பட்ட உருப்படியாக மாறும். நீங்கள் வரையும் ஒவ்வொரு உருப்படியும் CSS-இல் அதன் சொந்த grid-column மற்றும் grid-row விதியையும், HTML-இல் பொருந்தும் div-ஐயும் பெறுகிறது. உருப்படிகள் ஒன்றுடன் ஒன்று மேலெழுந்து வரலாம், மேலும் பின்னர் வரையப்பட்டவை மேலே அமையும்; அதை நீக்க உருப்படியில் உள்ள × ஐப் பயன்படுத்தவும்.

ஆம். ஒவ்வொரு தட்டிற்கும் (track) அதன் சொந்த அளவு பெட்டி உள்ளது, மேலும் நீங்கள் அங்கு எந்த கிரிட் மதிப்பையும் தட்டச்சு செய்யலாம் — 1fr, 200px, auto, min-content அல்லது minmax(120px, 1fr). ஒரே அளவைப் பகிரும் தட்டுகள் repeat() இல் மடக்கப்படுவதால் வெளியீடு சுருக்கமாக இருக்கும். நெடுவரிசை இடைவெளி மற்றும் வரிசை இடைவெளி ஆகியவை அவற்றின் சொந்தமாக அமைக்கப்பட்டு, அவை பொருந்தும்போது ஒற்றை இடைவெளியாக மாறும்.

CSS மற்றும் HTML குறியீடுகளை அருகருகே நகலெடுக்கவும். HTML உங்களுக்கு ஒரு உருப்படிக்கு ஒரு div கொண்ட கொள்கலனை வழங்குகிறது, மேலும் CSS கிரிட்டை வரையறுத்து ஒவ்வொரு உருப்படியையும் நிலைநிறுத்துகிறது. இரண்டையும் உங்கள் திட்டத்தில் ஒட்டினால், நீங்கள் இங்கு வரைந்த அதே தளவமைப்பைப் பெறுவீர்கள்.