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
0
votes
1
answer
29
views
Problem with responsive fonts only in android mobile app flutter
I have problem with scale fonts in my app, on iOS fonts are good in every small and large devices, but in android no - in simulator everything is good, but when i send .apk to my friend (samsung a54) ...
- 19
0
votes
0
answers
35
views
Adaptive header (and specifically positioned text) when scaling the page
On this page (and all the others, but let's use the index for example), I have the hero section responsive, and it works fine.
https://www.cri8ive.it/MStest/index.html
However, the client wants that ...
0
votes
2
answers
50
views
I'm trying to figure out how to setup a responsive navbar with a centered logo
I'm new here, but I wasn't able to find an answer to this using just html, css, and js. This is my first expedition outside Wordpress. I've been stuck for 3 days and I'm missing something. I don't ...
0
votes
1
answer
43
views
Flutter Dialog unintentionaly triggers recreating of layout behind
I have an issue with my FLutter code that I am not able to solve neither to understand why this is happening.
First the code in questoin:
import 'dart:io';
import 'dart:ui';
import 'package:app/...
0
votes
0
answers
6
views
MUI with Nextjs not able apply global responsiveFont
Need to implement responsive font globally
https://mui.com/material-ui/customization/theming/#responsivefontsizes-theme-options-theme
Tried out all the suggested ways in their documentation, is there ...
- 1
0
votes
1
answer
118
views
HTML <picture> tag and common "issues"
I am trying to figure out the usage of <picture> tag, as I have stumbled upon few non-working scenarios, about which I want to ask.
Here is a basic HTML
<picture>
<source srcset="...
- 67
0
votes
1
answer
19
views
How to add an element under a fluid embed YT video
I have a fluid iframe containing a YT video here, and I'm trying to get the span containing the description below to "stick" to the bottom of the iframe, whatever the length of the text.
...
- 721
0
votes
1
answer
240
views
How To make Responsive Carousel in MudBlazor
This is MudCarousel which has 2 MudCarouselItem and inside each MudCarouselItem it has 4 MudCards. My problem is when I view this in mobile view then MudCarouselItem's First MudCard is going visible ...
- 49
0
votes
0
answers
17
views
How to auto-adjust rows in desktop vs mobile view(responsive) in bootstrap
enter image description here
this is the white space im referring to
this is my HTML code for ref where im using the row class
<middle>
<div class="row custom-row&...
- 1
0
votes
0
answers
29
views
ExperimentalMaterial3WindowSizeClassApi breaks material you dyamic colors
I'm pretty new in Jetpack Compose development and I'm trying to exercise with it. Right now I'm trying to build responsive layout using ExperimentalMaterial3WindowSizeClassApi as explained here.
...
0
votes
3
answers
72
views
max-width not working in html email when Gmail is accessed from mobile browser?
I'm trying to have a column with a width of 600px and a max-width of 100%
<table style="width:600px;max-width:100%" id="my-table">
<tbody>
<tr>
...
- 756
0
votes
0
answers
22
views
Bootstrap Table is not acting responsive to the width of the Browser
Im using Bootstrap for the responsive tables on my front end, ive had a lot of problems correctly formatting the data and so my JS code is pretty lengthy, im just wandering due to all of the ...
0
votes
1
answer
86
views
How to fix Layout Shift for responsive images that use the picture & source html elements?
A problem I have encountered while working with the <source> element is that despite providing the width and height attributes on both the <source> and the image fallback there is still ...
- 19
-1
votes
1
answer
42
views
why an responsive image is shrinking inside flex container and not taking up whole space on responsive screen sizes?
i want to prevent the image from shrinking inside the flexbox, leaving so much space inside the flex container. In fact, the image is made responsive using the img-fluid class from bootstrap 5 classes....
0
votes
2
answers
97
views
Hide image if another one is opened, vice versa
I'm have code for two images (Image1, Image2) that both open if two other images are clicked, with onclick and a Java part at the end, like so:
<table style="background-color: #ebebeb; border-...
