All Questions
25,063
questions
0
votes
3
answers
51
views
Tailwind - React - Best way to structure HTML based on screen sizes
What would be the best way to handle an element which needs to stay in a specific place if the screen width is > X and stay in another place if screen width < X?
Example: https://jsfiddle.net/...
- 170
-3
votes
0
answers
42
views
How to make the parent element have the same width and height as the child svg element? [closed]
Hi so I am currently making a project with Vite.js with React + TSX, Tailwind and Daisy UI. I am currently trying to make a model button that overlaps a svg. The issue is that the button's width and ...
- 25
0
votes
0
answers
35
views
What causes the spaces between words to disappear only on certain view (e.g. mobile) in a React project? [closed]
I've been trying to debug this for a while, and can't find instances of anyone else having this issue.
I'm working with this Montserrat Google font in my React project. Here is my index.html file:
<...
- 1
-1
votes
0
answers
32
views
How to draw timeline like line for each item of the submenu for sidebar design [closed]
I have a little different design for a sidebar where, there is a timeline like line for each submenu in the list. Is there any implementation logic that can help, already any reference. Please have a ...
0
votes
1
answer
20
views
Keen-slider pushes layout
I'm building a layout in which I use react and the keen-slider library, when I put the keen slider in a div that is flex, the keen-slider pushes my layout. Below is my code. When I remove min-width ...
-1
votes
0
answers
30
views
How to customize animation of svg in react? [closed]
I am pretty curious how brilliant creates a page like this:
The animation of svg is compeletely interactive to the programming block in the toolbox.
I want to make a page similar to this in react. Is ...
- 17
0
votes
0
answers
23
views
Overlay and scale image to take up as much of the screen as possible with a smooth transition [closed]
I have a few columns of images of different heights and I'm trying to make it so that when you click on one of them, it transitions into taking the full height of the screen while keeping its aspect ...
- 439
0
votes
2
answers
43
views
Lost focus on one input effects all inputs
I have created an application form with a validation function that requires the user to input the correct information within the boxes before clicking away from that focused box or an error message ...
- 31
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]`}
...
- 33
0
votes
1
answer
38
views
Why do children of tailwind grid divs inherit their siblings' classes, such as padding and margin?
<div class="grid grid-cols-3 gap-2">
<div class="children-1 col-span-1 p-4 border rounded-md flex justify-center items-center bg-red-600 text-white">Hello</div>
...
- 1
-1
votes
1
answer
36
views
Can't change Z index with Mantine Pop over component styles
Summary
I'm trying to update the popover component styles in my Mantine project so that the z-index is 1 instead of 300, but I can't seem to make it work. The backgroundColor style works correctly, so ...
- 511
0
votes
0
answers
21
views
How do I stop react-slick slider image from indefinitely expanding and fit the container?
I am trying to create an image slider / carousel inside of a box. I have got the carousel working, but the image is too small. Whenever the width is adjusted (or infinite is true) the image just ...
0
votes
0
answers
35
views
Why does the prerender sometimes not load the page?
I ran into the problem that the prerender does not always work. There is one page where the prerender does not always work; sometimes it just returns a piece of broken code, not even reaching the body....
-1
votes
2
answers
31
views
Icons in React not centered vertically
I have this simple template:
<div className="wrapper">
<div className="block one">
<GoSearch />
15
</div>
<div ...
- 3,979
0
votes
0
answers
44
views
Pseudo-Elements not working properly on Mui table head and Mui table row but working fine in windows browsers
i am giving background color and border color with border radius to mui table head and mui table row.
it looks fine in windows and android all browsers but seems like position not working in mac and ...
- 11