All Questions
779
questions
1
vote
1
answer
42
views
Image weird resizing behaviour when refreshing
When I refresh the page (below's a gif)
The Image is resized in a weird way.
<WifiWidgetContainer>
<Image
src={`/assets/[email protected]`}
...
0
votes
0
answers
12
views
React Carousel Animation Breaking When Item Transition Duration is Set
I'm working on a carousel component that has lots of child components inside it. When the user clicks spin, the carousel component is translated along the x-axis for 6s. Also, during this animation, I ...
-2
votes
0
answers
32
views
How to animate when a component is unmounted in React ts?
I hope you are all doing very well, I just wanted to know how to create an animation when a React component is unmounted. If it can be achieved with CSS, that would be even better.
I have attached two ...
1
vote
1
answer
63
views
How to use multiple fonts in NextJS
I'm having trouble loading multiple Google Web fonts in a NextJS application. I'm following the documentation here.
In my fonts.ts I define my fonts:
import { Inter, Heebo } from "next/font/...
0
votes
0
answers
34
views
Markdown Editor Styling Overwritten by @shadcn/ui Typography in React App
I’m working on a React application that uses @shadcn/ui for the UI framework and react-markdown for rendering Markdown content. My problem is that the Markdown content is not displaying correctly ...
-1
votes
0
answers
30
views
Material UI Card - skewed background
I've been trying to make a Material UI Card component that would get, among others, color props and have the background skewed as in the picture.
Now, I know that I can give the main Card component a ...
0
votes
0
answers
33
views
How to make container scrollable but fill horizontally with React and Tailwind
I want a dashboard with a top and side bar and then the content in the middle. I want the content to be scrollable but I want it to fill the available height. The only issue is that when I try to fill ...
0
votes
2
answers
46
views
I want to validate my input type time from the today date and after current time
<input type="date" onChange={(e)=>setDate(e.target.value)}/>
<input type="time" onChange={(e)=>setTime(e.target.value)} />
if the date is after today and time is ...
1
vote
2
answers
303
views
How to do I assign a unique persistent id to every single HTML tag and capture the id of block changed?
I have a use-case where I need to assign a unique and persistent unique id to each HTML tag in my page.
Background:
I have created a block element so everything in the webpage is a <Block /> ...
0
votes
0
answers
14
views
My div is shrinking even with a static width value [duplicate]
When I assign a width value to the image's parent div, that width value is overwritten by some other property and it gets shrunk.
I tried to change the properties of the box, the container, and it ...
0
votes
3
answers
58
views
I want a special image size for mobile and another for large device
Hello i want to modify the size and the position of the image when it’s on small device the only thing is that when i do changes it’s also changing the large device too Even when i do « sm:-300 » it ...
1
vote
1
answer
38
views
I want my modified image size for screen mobile not for large device like pc
Hello i have a image that need to be sized like i want for mobile device the problem is that when i put the size i want for mobile device ( smaller device ) the size apply for large device too as the ...
0
votes
2
answers
31
views
How can I get the data from the API to display with the webpage becoming unresponsive?
I am building a guessing game built wtih react and "artsy.api". The guessing game can be accessed through my index page by clicking a button.
<Link to="/guessing-game">
{&...
0
votes
1
answer
32
views
Why is my banner-Text for my three banner-Image in slider only showing on one of the banner-Image jampacked together
I am building a ecommerce project using Next.js. On creating my banner page, I implemented a react-slick slider for my images. However, I first got multiple rendering of images when I first inserted ...
1
vote
1
answer
41
views
I can't modify the postion of a image with tailwind-css and reactJS
hello i got a problem whatever i try to move my picture it doesnt move i'm kinda new to typescript and react
import { zodResolver } from "@hookform/resolvers/zod"
import { useForm } from &...