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,125
questions
-1
votes
1
answer
98
views
Problem with responsive sites from a newcomer
Screenshot of current state
I need help! I am new in development and trying to make website responsive. When I use the toggle devices, toggle doesn't hide the links. It just kind of expands the page, ...
0
votes
0
answers
21
views
Using 100vh for responsive video centered on the screen?
I need this video to be placed centered based off of the screen size/viewport (100vh) but I'm always having the video being placed at the very top and can never have it centered.
How can I achieve a ...
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
23
views
Mobile nav items not toggling to close
Probably one of the worst things I could be doing but I've taken a snippet of code from codepen that I really liked for my new bootstrap 5 site that animates a burger menu usgin CSS. It opens the nav ...
-2
votes
1
answer
75
views
Page scales down on mobile when width is below 980px [duplicate]
TL;DR
When viewing my webpage on a device with a viewport thinner than 980px, everything becomes smaller than it should be, and the page itself reports the width to be stuck at 980px. In my CSS, @...
0
votes
1
answer
30
views
Why is the dropdown not showing all content when window is smaller?
I am new to html and css.
I have been building a mock site using CodePen to build up experience using them, but I've hit a snag, a few snags. Most annoyingly at the moment is when the window is ...
0
votes
1
answer
250
views
How can I create a responsive table that changes to a list in mobile view?
I want to create a responsive table with artists' names that should like like this:
http://daggerforest.com/artists.html
I've found code for the table online and tweaked it to my liking. However when ...
0
votes
0
answers
20
views
Datatables.js different column priority on target row than others
I have a table with thead and tbody. Everything works fine, but on target row, i have only 2 data, the rest are empty, i want to priotize those 2 non-empty columns while viewing in mobile first. I ...
-1
votes
1
answer
91
views
How can I write my CSS code to match the given design?
I am new to CSS and I want to write code to match the following design.
I have tried lots of properties like position, z-index and so on.
I just got stuck. I really need help to make the section ...
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 ...
0
votes
1
answer
91
views
How to style react-select responsive
I am new at using react-select library and I need to add a responsive styling to creatable component and I don't know how. Can you please show me an example in order to know better the syntax ?
input: ...
0
votes
1
answer
47
views
Im having trouble with navbar in mobile for only my index page
HTML file
<div class="header_section header_bg">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
&...
0
votes
1
answer
42
views
Why are left and top properties disabled when using TouchMove-event
When using onmousemove the left and top properties are enabled and i can drag the div element but when trying to use the same properties while using ontouchmove they are disabled:
Why is that?
1
vote
0
answers
97
views
Scrollable responsive text container in SwiftUI
I need a text rectangle in SwiftUI where the rectangle wraps tightly to the text, but should there be too much text, it scrolls. Common requirement I'm sure.
I can create a view TextScrollView that ...
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 ...