All Questions
25,062
questions
0
votes
1
answer
30
views
TailwindCSS Breakpoints aren't applying [closed]
I have a NextJS 14 project that I am using Tailwind CSS with. I have the following:
<div className="text-amber-dim md:text-amber flex-1 h-screen flex items-center justify-center">
&...
0
votes
1
answer
54
views
Text fill effect but controlled by percentage
I'm attempting to create a text fill effect that will be controlled by a useState.
I have the following text:
According to a state I want it to be filled from left to right, although the last letter ...
0
votes
0
answers
23
views
Why Can't I change my border color in input field of material-ui?
I am trying to change the input border color to white even if its focused, hovered or just by default.
I have create a theme using makeStyles for the text and input fields but it does not seem to work....
0
votes
1
answer
37
views
Css files being applied to every component in my app [duplicate]
I have a React app in VS Code. I want to set a different background color for each component. However, even though each component only imports its respective CSS file, it still applies CSS from other ...
-1
votes
0
answers
29
views
Profile header not showing ( user not found ) error
so i have created a instagram clone in which i go to the profile section its saying user not found but in my code when i remove the "finally" block its showing only the skeleton but it ...
-2
votes
1
answer
18
views
Where to host video to preserve aspect ration/size (.mp4) [closed]
I have a React web application where I'm trying to display a .mp4 video. My current setup looks like this:
<div className="title-main-cont">
<div ...
0
votes
1
answer
55
views
How to show select option list on hover?
I want to show select option list on hover, but it's not working:
<div className="rating-option">
<select
id="rating"
className="rating"
...
-2
votes
0
answers
24
views
How to change the color of the svg icon using tailwindcss only while hovering through it? [duplicate]
I already read the questions about the SVG and this question my question is about how to do this with Tailwindcss only.
The project tools are React and Tailwindcss.
I want to change the color of the ...
0
votes
0
answers
35
views
unable to get consistent layout with tailwind for relative container
I am trying to build a form layout in a NextJS project with tailwind CSS.
here is the CodeSandbox Link for the issue.
After running the code in sandbox, please click the button the view the resulting ...
0
votes
0
answers
63
views
I get two different initial css values in two different major browsers
I was developing a React component that manages a state array. For each element in this array, I used the map method to generate a list of items, which were contained within a div that had the class ...
0
votes
0
answers
28
views
overflow is not working to hide translated element
I am trying to hide the translated element using overflow: hidden but it is not working.
The CSS overflow property hides content exceeding an element's boundaries. When elements are translated (e.g., ...
0
votes
1
answer
42
views
How can I use transition in CSS handling state with React?
const MyCart = () => {
const { cart, myCartVisible, setMyCartVisible, dispatch } = useCart();
const [ subtotal, setSubTotal ] = useState(0);
useEffect(()...
1
vote
0
answers
38
views
How to Reinitialize JavaScript Functionality for Dynamically Added Elements Without Duplicate Event Listeners?
I am developing a social media platform using Django for the backend and a purchased HTML template from ThemeForest for the frontend. The template was built using React and then exported to plain HTML,...
0
votes
0
answers
13
views
How to apply style to nested custom Mui-classes in a separate .module.scss file (using react.js)
What is currently possible:
Giving style to whole Mui component
<SimpleTreeView
sx={{
backgroundColor: '#000000'
}}
</SimpleTreeView>
Segregate styling to a separate class in .module....
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/...