All Questions
180
questions
0
votes
2
answers
58
views
why my website is showing full on pc screen but on mobile white stripes
when in pc screen it shows full width but when switch to mobile it is not full width looks like it's width is 80-90% also my constent is overflowing outside so it is not so responsive on mobile whyy [...
-2
votes
1
answer
37
views
How to make the design responsive with two different backgrounds using tailwind css [closed]
I am taking this picture from the Figma design, I need to map this design to react with tailwind CSS pixel-perfect 100%.
Macbook Pro 16 inch has 1728px width but I need to make the content center with ...
0
votes
1
answer
75
views
Responsive css grid with fixed rows and maximum columns but can show more items
I'm trying to create a grid component where the layout is 2 rows and x columns. Columns can be max 6 and the grid items are react children of unknown amount, hence the x columns.
I got a grid down but ...
0
votes
0
answers
26
views
Need to include functionality for arrows on a news section that has different displays on different screen sizes
I have a News section that maps through an array of data. Currently I only have 3 news items in my array. On larger screens, 3 news Items show meaning all my data is showed. However, on MobileScreens, ...
0
votes
0
answers
15
views
How To set Footer at Bottom In Reactjs.... Irrespective of any Route component Length
i want to set my footer at bottom of screen in sticky mode not like position fiexd... and the footer should be at bottom of each component or each route... irrespective of their length
i tried like ...
1
vote
1
answer
74
views
NextJs - Tailwind css class styles not applied on responsive screen
I am trying to add a custom class on a div that should applied only on "md" screen. Doesn't work -
<div className="md:myclass"/>
tailwind-config.ts
theme: {
screens:{
...
0
votes
0
answers
190
views
Swiper JS slidesOffsetBefore breakpoint param not initializing properly
I'm experiencing an issue with Swiper in a React component where the slidesOffsetBefore property is not being set correctly for mobile breakpoints on initial page load. The mobileLeftMargin state, ...
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 ...
0
votes
0
answers
81
views
Aspect ratio of polygon-clip path
I have a polygon shape inside the container but the problem is shape has the static width and height of both div . I want to make it responsive and it should take the 80% of the given space with some ...
1
vote
1
answer
48
views
Why my hamburger and cart-icon came below the hamburger-menu when i open it
Recently i have been learning responsive design and came across this issue when i am opening my humburger the humburger and cart-icon came below my humburger menu.
I am not able to find the issue what ...
0
votes
0
answers
80
views
How to make the children resize along the parent div while maintaining ratio?
How can I make the child elements resize along the parent elements fluidly while maintaining ratio?
As you can see on the attached video file aspect-ratio: 1/0 works but when you hover the HTML ...
0
votes
1
answer
44
views
diffrent views across browsers kin my React App
My website looks different from Chrome mobile view to Safari with an actual phone.
I have used prefixes for all my styles (WebKit,...)
I have also used normalize.css to fix any issue
I need help with ...
-1
votes
2
answers
58
views
Media queries go into effect on strange values
this is my media query as i try to make my react app responsive.
@media screen and (max-height: 800px) {
font-size: 65px;
.shuttleObject{
width: 90%;
}
}
}
The thing is, when i ...
0
votes
0
answers
18
views
How do I anchor the ellipsis to be on the right side in a paragraph using RTL direction?
My application supports Right-To-Left direction, but numeric values should not be effected by this mode, only customizations-wise like gaps, margin, padding, etc, that means when it truncates,the ...
0
votes
0
answers
48
views
Screen size responsiveness
I am making my portfolio and checking the responsivness on phones, I noticed that the container for the landing spot shrinks into the top left of the screen. The problem. As you can see the navbar ...