ऑटोबॉट

सेंटरिंग की ऐसी तकनीक जिसमें कोई एलिमेंट, फ़्लेक्स कंटेनर के सभी किनारों से बराबर पुश करता है. सिर्फ़ एक आइटम को केंद्र में रखने के लिए यह बेहतरीन विकल्प है.

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

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

एचटीएमएल

<article class="autobot">
  <h1>Autobot</h1>
</article>

सीएसएस


        .autobot {
  display: flex;
}

.autobot > * {
  margin: auto;
}