कॉन्टेंट सेंटर

सेंटरिंग तकनीक, सीएसएस की कुछ ही लाइनों में काम करती है. यह कई एलिमेंट के लिए बेहतरीन काम करती है, लेकिन इससे बच्चों के चौड़ी एलिमेंट की चौड़ाई का मिलान कराने का खराब असर भी होता है.

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

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

एचटीएमएल

<article class="content-center">
  <h1>Content Center</h1>
</article>

सीएसएस


        .content-center {
  display: grid;
  place-content: center;
  gap: 1ch;
}