जेंटल फ़्लेक्स

सेंटरिंग की ऐसी तकनीक जो सिर्फ़ कॉन्टेंट को अलाइन करती है और प्रोसेस के दौरान अपना साइज़ नहीं बदलती.

इस तकनीक के बारे में ज़्यादा जानकारी पाने और यह पता करने के लिए कि यह कब कारगर होती है, पूरा लेख पढ़ें.

पूरा लेख · YouTube पर वीडियो · GitHub पर सोर्स

एचटीएमएल

<article class="gentle-flex">
  <h1>Gentle Flex</h1>
</article>

सीएसएस


        .gentle-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1ch;
}