I have a PagesContainer component that renders multiple Page components like this: <PagesContainer> <Page /> <Page /> <Page /> <Page /> </PagesContainer> I want each Page component to know its respective page number (e.g., 1, 2, 3, 4). I preferably…
I can give a div this gradient and make it absolute and place it at the right position, but how do I make it semi-circle? <div className="absolute top-[50%] right-[-600px] w-[50%] h-[50%] opacity-40" style={{ background: "linear-gradient(73.4deg, rgba(16, 134, 144, 0.4) 3.31%,…
I create a Next app using typescript and tailwindcss i am unable to display my Image location in Public/assests/images/me/me.png i also created a types folder in which i created a images.d.ts file my console view my code import React from…
Hi I'm trying to implement the logout logic, my session token is stored in the cookies, which I want to clear if the token is no longer valid. But next.js is not allowing me to do so, even so their…
I want to use Red Hat Display font in my project. Should I download all different variants of the in local repository i.e. RedHatDisplay-Light,RedHatDisplay-Regular, RedHatDisplay-SemiBold etc. and then use next/font/local to optimize it or should I use 'import Red_Hat_Display from…
body { margin: 0vh 0vw; } .header { position: relative; width: 100%; height: 12vh; background-color: #004d40; display: flex; align-items: center; justify-content: center; overflow: hidden; top: 0; } .line { position: absolute; left: 0; top: calc(50%); width: 100%; height: 0.25vh; background-color:…
I'm sorry if this question is a bit elementary but I've been hitting into a wall with CSS for a bit now. And I can't wrap my head around infinite scrolling marquees. I still feel pretty confident/happy because I was…
Sass announced there will be some upcoming breaking changes to the syntax in mixed declarations. As of Sass 1.77.7 I'm getting the following warnings when compiling. - Sass's behavior for declarations that appear after nested rules will be changing to…
I am studying Front end development and am writing simple shopping cart in React to learn. When I change product quantity I want to create an object of quantity values by product id and pass them to shopping cart component…
I have a section that is positioned sticky with a negative z-index, creating a nice reveal effect. Inside this section, there is a button that cannot be clicked due to the negative z-index. It always just detects the body... This…