@TrostCodes Build a Dark Modern Animated Website with Next.js 14, GSAP, Prismic, Tailwind, and TypeScript

Developing with Prismic
,
1

Hello,

I am currently working with the Dark Mode website tutorial and running into an issue. After building out my Showcase slice all of the content is shifted below the blur. I went back thru the video and compared my code with the final in the repo and I can't seem to find what I have wrong.

I have uploaded my code to a repo and would greatly appreciate any assistance. I am very new to coding, and I have to say these videos are excellent! I just can't seem to find the issue that is causing my shift down.

Thanks in advance,

Neil

Repo - GitHub - tankmurdock/Dark-Modern-Animated-Website: Dark Modern Animated Website with Next.js 14, GSAP, Prismic, Tailwind, and TypeScript

showcase
showcase1308×919 72.4 KB

2

I fixed it,

Initial div class for the glow and blur was

Blockquote
div className="glow-absolute -z-10 aspect-square w-full max-w-xl rounded-full bg-blue-400/20 blur-3xl filter"

Corrected it to have "glow absolute w/o the dash!

WORKING!

Thanks

3

Hi @new.support,

We're always very happy to hear people are enjoying the videos, thank you!

Well done on fixing it! Hopefully this can help future users if they run into the same issue. And if you need anymore help, feel free to post around the forum again :slight_smile: