Centering in CSS

<p>Extensions useful on vscode</p>

<h2 class="heading-anchor" id="1-agile-css-suggestion"><a class="anchor" href="#1-agile-css-suggestion">#</a>1. Agile CSS Suggestion</h2>
<p><a href="https://marketplace.visualstudio.com/items?itemName=AgileCssSuggestion.agile-css-suggestion" target="_blank" rel="noopener">Agile CSS Suggestion</a></p>
<h2 class="heading-anchor" id="result"><a class="anchor" href="#result">#</a>Result</h2>
<img data-zoomable src="https://res.cloudinary.com/hunghg255/image/upload/v1682245314/agile-css-suggestion_jxh0ys.png" />
<h2 class="heading-anchor" id="2-css-to-tailwindcss"><a class="anchor" href="#2-css-to-tailwindcss">#</a>2. CSS to Tailwindcss</h2>
<p><a href="https://marketplace.visualstudio.com/items?itemName=hunghg255.css-2-tailwindcss" target="_blank" rel="noopener">CSS to Tailwindcss</a></p>
<h2 class="heading-anchor" id="result"><a class="anchor" href="#result">#</a>Result</h2>
<img data-zoomable src="https://res.cloudinary.com/hunghg255/image/upload/v1685594372/css2tailwindcss-demo_lzpyfi.gif" />

Vscode extensions useful

#1. Agile CSS Suggestion

#Result

#2. CSS to Tailwindcss

#Result