Questions tagged [responsive]
Responsive is a tag to indicate a generic responsive website or web application programming or design topic. It's a more generic tag than 'responsive-design', and it serves for situations when you're specifically writing about programming (usually html/css/js). The word 'responsive' itself refers to the ability of a web application/website to respond and adapt its dimensions and interactivity across a wide range of devices and screen sizes.
responsive
5,131
questions
-1
votes
0
answers
22
views
How do I make icon change with :checked element or can it be done only with the help of javascript or some other way? [closed]
So I am trying to make an interactive layout where when i click (say a menu) the menu and it disappears and a close icon appears preferably something related to z-index or opacity. I label menu and ...
0
votes
0
answers
15
views
Unable to scroll sticky Footer on mobile view (Footer reveal effect) - overflow-y not working on iphone-14/pixel-7/iphone-12/Galaxy s20 ultra
I've made a footer reveal effect using css, using following two classes:
Content class applies to wrapping div above the footer.
.content {
min-height: 100vh;
background-color: white; /* ...
1
vote
1
answer
23
views
HTML Table is not overflowing its container
I am trying to make an html table overflow its container to have a scrollbar on mobile, but it is not working.
Here's the code:
export default function Stats({ pokemon }: { pokemon: PokemonWithColor })...
- 63
1
vote
0
answers
39
views
Text visible on desktop but hidden on mobile
So, i have simple h1 tag which renders perfectly in Desktop. I am using Tailwind btw
<h1 class=" mt-24 text-7xl font-bold text-text text-center" >GDM & Anv Pro </h1>
but in ...
- 43
0
votes
1
answer
33
views
Why am i getting this white space while making responsive in <768px? [closed]
As i tried in more than the 768px, everything looks fine but when i try coming in responsive design in mobiles it is creating problems with white space. I don't know how the white space is appearing ...
0
votes
0
answers
10
views
How to Center a Form Horizontally and Maintain a Fixed Vertical Position Across All Devices? [duplicate]
I'm working on a responsive web design and need to center a form horizontally while keeping it at a specific vertical position across different devices (desktop, tablet, and mobile). The form should ...
- 1
-1
votes
0
answers
27
views
Bootstrap 5.3 responsive font wrong priority order
I'm using bootstrap 5.3 and have added the below code to the scss to add responsive font.
The issue is that the fs-lg-3 is taking priority over the fs-xl-2 and the font for the wider screen is ...
0
votes
0
answers
47
views
content hidden in specific mobile width
the content of my site was hidden and scroll bar ends with up to the height of the mobile screen and this only happens to only specific mobile layout and other mobile layout works fine
screenshot
i ...
0
votes
1
answer
53
views
Angular 18 - background image not showing up on mobile device but works in browser and chrome tools
I decided to redo my personal website (www.coltstreet.com), and I am using media queries to display different background images. Everything is working fine on desktop and I was using chrome tools to ...
- 375
0
votes
2
answers
49
views
How do I make my container take up entire space?
I am making a screen that has a shelf image along with a plus icon overlaying the entire image with a dotted border. I want to make the dotted border take up the entire space allowed by the largest ...
0
votes
1
answer
27
views
FLUTTER UI Ratio
I've been developing in flutter for a while but the ui side isn't my main area.
I currently have an application developed on a 16:9 tablet format where widget sizes are expressed via MediaQuery.size ...
0
votes
2
answers
56
views
Contents of iframe not responsive
There is a webpage which shows different design according to the screen size (whenever you refresh the page after changing the screen size). I have embedded this webpage in my website. However, after ...
0
votes
0
answers
33
views
How to make Infographic block responsive?
I have problems to make a infographic block that I created responsive. I have a block in which their is an image, on the image their are cogwheels, under image numeric line. Each time when user hovers ...
0
votes
1
answer
31
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
63
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