I'm building a product display component where the selected image is displayed as the main one. How do I get the source of each image in the useState? Should I pass it as a parameter to the function? I'm new…
In this code below, I have 2 divs. From what I expect, we should have "hello" in red and "world" in blue. but both of them are in red. I could not figure out why. A solution for that can…
I have created a gird of image where the image at certain height is shown and remaining to be hidden and when show more button is clicked the remaining image to be seen but when the show more button is…
I am making a table with inputs and I ran into the challenge of needing to collapse two cells into one when the screen size decreases without duplicating the content of the cell that collapses. In other words, I want…
One of the weirdest issues, or problems, that I've been stuck with for an afternoon, and there's no good solution yet, is about tailwindcss's dynamic class names When I try to code like this: const RandomWebsite = ({friendlink}) { const…
I am trying to display weather api data from: (https://www.weatherapi.com/api-explorer.aspx#forecast) import Image from "next/image" interface Hour { time_epoch: number time: string temp_c: number temp_f: number is_day: number wind_mph: number wind_kph: number wind_degree: number wind_dir: string pressure_mb: number pressure_in: number precip_mm:…
i am trying to start coding a calculator in react by nextjs and tailwind, but in first step i got a problem . this is main page code: import Screen from './component/Screen' import Wrapper from './component/wrapper' import ButtonBox from './component/buttonBox'…
In this Next.js component, in the highlighted line "mb-3" class of Tailwindcss has no effect in the Y direction but if we use "m-3" it also does not have an effect in the y direction but has an effect on…
I initialized an app with react/vite, installed tailwind.css and tried to use the @apply in index.css. But the styles does not really apply, the div is with the class, but appear the error: Unknown property name Here are my files:…
I have an issue which happend frequently. here's my code: <div className="flex flex-col w-full mb-3"> <div className="flex flex-row w-full"> { Vege && <p className="mr-1 text-sm leading-6 text-green-500">{Vege ? "VÉGÉ • " : ""}</p> } <p className="font-bold">{Titre}</p> <p className="justify-end">{Prix} €</p> </div>…