All Questions
Tagged with responsive reactjs
193
questions
0
votes
1
answer
34
views
How to make element table responsive in React.js Tailwindcss
I want to make a responsive table on desktop and mobile devices with Tailwind CSS. However, this table component is a child of <Outlet /> in React.js router dom.
dekstop view
mobile view
// ...
0
votes
1
answer
70
views
How to Make a Chart.js Chart Responsive with Fixed Aspect Ratio in React?
I'm working on a React project where I need to display a Chart.js chart inside a parent component which is in grid layout. The chart should resize according to its parent container while maintaining a ...
- 9
0
votes
0
answers
51
views
How to make React google charts responsive
I can't make the charts responsive at all, at first they look as I want, but then they change the height after changing the data. I'm using tailwind. The grid doesn't behave as I want. After changing ...
- 1
0
votes
0
answers
37
views
React Web App on Amazon Fire TV Stick shows up as Tablet Responsive
I created a React App where I also wanted to show a page on a mounted Television Screen.
The React APP Worked properly on a TV device but on an Amazon Fire Stick it is being shown as a Tablet ...
0
votes
0
answers
47
views
Testing Table component Ant-Design
I'm trying to test the ant-design Table component, but I'm facing a mystery. Currently, my test is working; I can find the first name 'Mike' in the document. However, as soon as I uncomment the ...
- 11
0
votes
0
answers
107
views
DaisyUI "responsive" modal not working in iphone browser
In my Nextjs App Router application, I'm trying to use the responsive modal from https://daisyui.com/components/modal/ in "Method 1: using dialog element" - the one at the bottom. It's ...
- 359
0
votes
0
answers
57
views
Resize down the container(height wise) with fixed dimensions without using max-width
I'm currently working on a NextJS project and facing a challenge with resizing a CV preview section. In my application, I have a parent component representing the CV preview section, and within it, ...
- 1
0
votes
1
answer
210
views
how to style react to be responsive across screen sizes
I am trying to style react movie search app to be responsive across devices, like when I type something on the search bar, I wish to see my react form changing size and moving up to the top, making ...
- 11
1
vote
0
answers
35
views
how to make a react page as responsvie irrespective of screen size
I am using React JS for develop a web page for that I just created a login page with styling. but when I minimize the browser width or checking in mobile alignment is not good. but I am new to making ...
- 117
0
votes
1
answer
112
views
Tailwind CSS + React - Configuring a tricky responsive layout
I want to configure a layout in react using Tailwind that changes on bigger screen. However I am unable to configure the layouts such that they get adjusted both on mobile as well as bigger screen.
...
- 336
0
votes
2
answers
681
views
How to make React + MUI component mobile responsive?
I have a React component created using Material-UI (MUI) that I'm trying to make mobile responsive. Currently, it looks like this:
But I want it to look like this
Here's the relevant code for the ...
- 223
0
votes
0
answers
102
views
Recharts Pie Chart - Calculate Max Width of Text Label in a Given Slice
I've been trying to find a react chart library that is flexible (feature-wise) as well as responsive, but it's been difficult, as most libraries I've come across don't handle responsiveness very well (...
- 5,517
0
votes
0
answers
349
views
How can I make Filerobot Image Editor component, responsive in React js?
Filerobot Image Editor is an image editor that can be implemented in websites. it supports React, vanilla JS,etc...
as you can see here from their own website, they have responsive one for themselves:
...
- 29
-1
votes
2
answers
61
views
Responsiveness in different monitors
I have a React app that I created following a design for 1920X1080. on 27inch / 24inch/ 13inch leptop the app looks great. but if I render the app on a 34 inch wide screen half screen for example, the ...
- 1
0
votes
1
answer
203
views
React responsive carousel video transition problem
This is my carousel code
import React, { useRef, useState } from "react";
import { Link } from "react-router-dom";
import { Carousel } from "react-responsive-carousel";
...
- 3