டெயில்விண்டில் 'நியாயப்படுத்த-உள்ளடக்கத்துடன்' பிரேக் பாயின்ட் மற்றும் மீடியா வினவல்களை எவ்வாறு பயன்படுத்துவது?

” நடுத்தர மற்றும் பெரிய திரை அளவில் அதன் உருப்படிகளின் கிடைமட்ட சீரமைப்பை மாற்றுவதற்கான உறுப்பு:

< உடல் >

< div வர்க்கம் = 'flex justify-start md:justify-between lg:justify-end gap-3 m-3 bg-teal-700' >
< div வர்க்கம் = 'bg-yellow-400 w-24 h-12' > 1 < / div >
< div வர்க்கம் = 'bg-yellow-400 w-24 h-12' > 2 < / div >
< div வர்க்கம் = 'bg-yellow-400 w-24 h-12' > 3 < / div >

< / div >

< / உடல் >

இங்கே:

• 'நியாயப்படுத்த-தொடக்கம்' வர்க்கம் கொள்கலனின் முக்கிய அச்சின் தொடக்கத்தில் நெகிழ்வு பொருட்களை சீரமைக்கிறது.
• 'md:justify-between' கிளாஸ் ஃப்ளெக்ஸ் பொருட்களை கொள்கலனின் பிரதான அச்சில் நடுத்தரத் திரை அளவில் சம இடைவெளியுடன் விநியோகிக்கிறது.
• 'எல்ஜி: ஜஸ்டிஃபை-எண்ட்' கிளாஸ் கன்டெய்னரின் பிரதான அச்சின் முடிவில் உள்ள நெகிழ்வுப் பொருட்களை பெரிய திரை அளவில் சீரமைக்கிறது.

வெளியீடு

---

---

திரையின் அளவு மாறுபடும் போது ஃப்ளெக்ஸ் உருப்படிகளின் கிடைமட்ட சீரமைப்பு மாறுவதை மேலே உள்ள வெளியீடு காட்டுகிறது. குறிப்பிடப்பட்ட பிரேக் பாயிண்ட்கள் மற்றும் மீடியா வினவல்கள் 'நியாயப்படுத்த-உள்ளடக்கம்' பயன்பாட்டுடன் திறம்பட பயன்படுத்தப்பட்டுள்ளன என்பதை இது குறிக்கிறது.

முடிவுரை

டெயில்விண்டில் 'நியாயப்படுத்த-உள்ளடக்க' பயன்பாடுகளுடன் பிரேக் பாயிண்ட்கள் மற்றும் மீடியா வினவல்களைப் பயன்படுத்த, தேவையான மதிப்பை வரையறுக்கவும் 'நியாயப்படுத்து-<மதிப்பு>' பயன்படுத்துவதன் மூலம் பல்வேறு திரை அளவுகளுக்கான பயன்பாடு ' எம்டி ' அல்லது ' lg ” முறிவு புள்ளிகள். சரிபார்ப்புக்கு, இணையப் பக்கத்தின் திரை அளவை மாற்றி, மாற்றங்களை உறுதிப்படுத்தவும். இந்தக் கட்டுரையானது டெயில்விண்டில் உள்ள 'நியாயப்படுத்த-உள்ளடக்க' பயன்பாடுகளில் விரும்பிய பிரேக் பாயின்ட்கள் மற்றும் மீடியா வினவல்களைப் பயன்படுத்துவதற்கான உதாரணத்தை விளக்கியுள்ளது.