responsive Questions
7
Solved
I've been trying to Google this, but I'm either not using the right terms or nobody has asked my question yet.
Question: Is there a way to stack responsive classes in TailwindCSS? What I'd like to...
Judah asked 6/3, 2020 at 15:40
5
Solved
How should I deal with responsive breakpoints as components in Tailwind?
Without Tailwind, I used to declare breakpoints as a scss mixins:
@mixin tablet-portrait {
@media (min-width: 700px) {
@...
Rheostat asked 6/4, 2019 at 16:59
9
Solved
I have a responsive web page that opens a modal when you tap a button. When the modal opens, it is set to take up the full width and height of the page using fixed positioning. The modal also has a...
Fart asked 27/7, 2016 at 17:38
10
Solved
I'm currently working on a mobile landing page for a company. It's a really basic layout but below the header there's an image of a product which will always be 100% width (the design shows it alwa...
Dissatisfied asked 19/6, 2012 at 11:24
3
I have designed my app initially for the iPad and am now wanting to add functionality for an iPhone too. Is there a way to check what the device being used is, and then display a view accordingly?
...
Danika asked 20/1, 2021 at 13:16
2
Consider the snippet below, where I've created a basic chat window.
The issue:
When you focus the input on a mobile device, the entire page is shifted up, pushing the header and messages out of vie...
Auricle asked 13/1, 2024 at 18:15
3
Solved
I have a website that includes header images.
However these header images do not seem to load at first when I load the website in Firefox or Safari on iOS. Here’s a screenshot:
This is the code fo...
Oryx asked 9/12, 2023 at 13:46
13
Solved
sorry if I missed anything to fix my issue, I've read and tried many solutions without any of them being adapted to the problem.
I have several charts (from chart.js) on a single page, but I can't...
Emmetropia asked 20/2, 2017 at 9:7
2
Solved
I am trying to change the amount of slides shown at different window widths, on inital load its pulling the right amount of slides through. but on resize the min/max slides within the slider option...
Institutionalize asked 16/8, 2016 at 16:17
11
Hi I'm using iDangero Swiper on a website I'm doing and for some reason I cant get the responsive break points to work. below is the js I'm using.
var swiper = new Swiper('.s1', {
slidesPerView: ...
Ethno asked 19/7, 2016 at 8:25
15
Solved
I'm just starting on a website and I already encounter a small problem where I can't find a specific solution to.
I wanted to make my website background fit any screen size in width, height does n...
Bellwether asked 12/11, 2013 at 9:12
24
I am facing difficulties to make it responsive according to various screen sizes. How to make it responsive?
@override
Widget build(BuildContext context) {
return new Container(
decoration: new ...
Merchandising asked 7/4, 2018 at 6:16
5
Solved
I've found a lot of threads here talking about CSS and mobile screens.
After searching, I couldn't find a solution for some devices. For example: Motorola Moto G4 Plus uses FULL HD width(1080px), o...
Postmortem asked 3/2, 2017 at 13:39
3
I want to decrease the amount of imageList columns depending on the display width (a.k.a. media query) but it doesn't work properly.
For example:
<ImageList variant="masonry" col...
Wilburwilburn asked 25/12, 2021 at 18:48
2
Solved
I've the following items:
const items = ['2342', 'Jensen Huang', '[email protected]', '$ 200', 'delivered','29 Aug 2022', 'View All of the items']
And it is rendered as such (it's like flex-a...
Quickly asked 6/10, 2022 at 20:12
2
Solved
I have a page that is supposed to be responsive and it also has a viewport tag for mobile devices as below.
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=...
Discontinuance asked 26/11, 2018 at 18:42
4
I want to give padding or margin according to screen sizes.
Below is code and images of two different sizes screens with same padding.
This is my code:
Padding(
padding: const EdgeInsets.only(...
Basidiospore asked 9/5, 2020 at 15:13
9
Solved
I am developing a web app with React and need to detect when the screen size has entered the mobile break-point in order to change the state.
Specifically I need my sidenav to be collapsed when the...
Lyns asked 11/6, 2017 at 3:14
13
No matter how its content is like.
Is it possible to do this?
Popover asked 12/11, 2009 at 2:8
2
Solved
I am trying to make a page responsive but, I am not able to make an image responsive as it is getting off the grid container in material UI. Is there a way I can make the image responsive?
I am try...
Chaqueta asked 15/6, 2021 at 16:21
2
Solved
I'm trying to create a flexbox that is both horizontally as vertically scrollable in case its needed.
It's kind of a table layout in flexbox.
In the picture below you can see the concept that I'm t...
Gallbladder asked 16/3, 2022 at 10:46
1
On Windows 10 scaling default set to 125% caused website sizing issues, so I replicated the issue increasing the Scale on Ubuntu.
I tried to fix the size changing the initial-scale value in this wa...
Mauve asked 28/1, 2022 at 12:14
7
I have implemented slick slider which works fine without resizing the browser. But when I resize the browser to 1024 then the responsive breakpoint settings doesn't work.
jQuery:
$('.slider').slick...
Apatetic asked 6/2, 2017 at 21:57
5
Solved
I am using semantic react ui as a ui library and react map gl to render maps in my react application. But the Maps rendered from react-map-gl are not taking the entire width of the column. Please f...
Ferdy asked 6/1, 2019 at 9:37
4
Solved
I'm trying to build a mobile web application using react material ui library.
But it seems the material UI components are not responsive. They display very well on desktop, but when I open it on ...
Katey asked 23/2, 2017 at 12:32
1 Next >
© 2022 - 2025 — McMap. All rights reserved.