All Questions
Tagged with responsive reactjs
196 questions
0
votes
1
answer
58
views
Layout Issue with Tic-Tac-Toe Board Between Mobile Browser Emulation on Desktop and Mobile Browsers
I created a tic-tac-toe game using React and Tailwind CSS. The board layout works as expected when viewed in mobile emulation mode on my desktop browser, as shown in this screenshot. However, when ...
- 1
0
votes
2
answers
40
views
CSS not applied to the extra part of overflow-x:
enter image description here
I am having a bug like in the picture, when has many . To make the code responsive, has overflow-x: auto, but the extra part is not applying css code of .
My JSX code:
&...
- 1
0
votes
0
answers
30
views
How to create popup scrollable responsive table with varying amount of data?
I am trying to create popup scrollable table, ideally responsive(didn't achieve it for now). Just body should be scrollable. The problem is: I set height to make body scrollable. But sometimes data ...
- 1
0
votes
0
answers
89
views
Responsive text truncate (ellipsis) by word in React
I'm having problem with truncating a sentence by words. Normally, I'd use text-overflow: ellipsis; for this, but it'll cut the word in the middle.
Try using https://www.npmjs.com/package/react-lines-...
- 31
0
votes
0
answers
46
views
How to Make D3 SVG responsive in react with viewbox
How can I make my D3.js line chart responsive and scrollable horizontally?
Currently, when I resize the window, the SVG size does not adjust, and the chart is not responsive. The chart width ...
- 5,541
0
votes
0
answers
22
views
Using Chakra UI, how do I transform grid A,B,C horizontally to B,A,C vertically responsive
I have a desktop design that looks like this - cards stacked horizontally:
A B C
I would like to transform this responsively for mobile widths using Chakra UI like this vertically:
B
A
C
How can I ...
- 43
0
votes
1
answer
187
views
Duplicate entries in X axis when Zooming Out on MUI X Line Charts
Trying to use the MUI X Line Charts and when implementing it make it responsive BUT, for some reason i dont know, when zooming out it duplicates the X axis entries it has, in this case i have the ...
- 21
0
votes
0
answers
37
views
How can I make my next app responsive on iPhone?
I've made a webpage using nextjs which is responsive using media queries, works really well on safari using mac and at Firefox as well.
but when I try to open it on iPhone the images have a completely ...
- 11
0
votes
0
answers
287
views
How to show a phone mockup in Desktop view in React.js
I have a MobileView component that uses the DaisyUI phone mockup to display a Home component within a mobile device frame:
<div className="mockup-phone">
<div className="...
- 307
0
votes
1
answer
70
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
1k
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 ...
- 37
2
votes
1
answer
252
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 ...
- 31
0
votes
1
answer
279
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 ...
- 21
1
vote
0
answers
42
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 ...
- 121
0
votes
1
answer
179
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.
...
- 380