The latest articles on DEV Community by Ekrem Günden (@ekremgunden). https://dev.to/ekremgunden https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F753442%2Fc475ae32-a101-4dea-a056-0542e7298a71.jpeg https://dev.to/ekremgunden en Ekrem Günden Tue, 22 Nov 2022 11:34:58 +0000 https://dev.to/ekremgunden/tailwind-css-and-nextimage-z-index-not-working-1p07 https://dev.to/ekremgunden/tailwind-css-and-nextimage-z-index-not-working-1p07 <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flzhjs70jkhjlrm3on5bh.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flzhjs70jkhjlrm3on5bh.png" alt="Image description"></a><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>&lt;div className="flex justify-between h-screen md:flex-row flex-col pt-64"&gt; ... &lt;div className="z-50"&gt; &lt;Image src="/Saly-14.svg" className="w-[916px] height-[1384px]" alt="" width={916} height={1384} /&gt; &lt;/div&gt; &lt;/div&gt; &lt;section className="bg-[#DBD9FF] z-30" id="services"&gt; ... &lt;/section&gt; </code></pre> </div> <p>The name of this character is saly and even though I made it lower than the z-index of the section below, it still doesn't work. What could be the reason. Has anyone found a solution to a similar error before?</p> webdev javascript tailwindcss nextjs