All Questions
29 questions
0
votes
0
answers
45
views
How Can I Achieve a Zoom-Out Effect for a Website When the Viewport Width is Below 190px?
I’m trying to replicate a zoom-out effect similar to what’s seen on SuperSimpleDev's Amazon Clone when the viewport width goes below 190px. I have a video showcasing the exact effect I want to achieve,...
- 1
0
votes
0
answers
102
views
Browser resize creates whitespaces between elements
At 100% size of the browser, there are some white spaces between child elements and their parent wrapper. However, if I modify the browser size to say 90% there are no more white spaces. If I further ...
0
votes
0
answers
260
views
Website responsive not working on mobile even with meta tag included
I have designed a single page website, the responsiveness of the website is working fine in my localhost but after i have uploaded it to the github and host it, the website is not responsive in mobile ...
- 31
4
votes
2
answers
1k
views
Make **ALL** websites in Chrome stretch their content to actually fit the screen width (as in: remove all horizontal space on left/right of ALL pages)
The issue
I'm seeing a lot of websites these days with unused or empty space taking up 1/3 or more of the horizontal width of web pages.
What I'm looking for
I'm trying to figure out if there is a way ...
- 107
1
vote
1
answer
57
views
how to make two div beside each other
I want to make two div beside each other on desktop width, on mobile version it works fine, they are bellow each other but when I try to make my browser behavior on desktop size and try to change the ...
- 1,546
0
votes
1
answer
230
views
Flexbox flex property seems to work only on Firefox, not Chrome nor Edge
I am trying to set a flex item to the bottom of the page. I got it working in Firefox using flex: 1 1 but this has no effect in Chrome and Edge. As seen in the images below, the flex item is at the ...
- 147
1
vote
0
answers
81
views
Viewport or Screen resolution for fullscreen images
I am developing a responsive website. On my website there is a gallery of images. If I click on one image, the image will be displayed in fullscreen. So my question is:
The website will be displayed ...
- 145
-1
votes
1
answer
28
views
Best Way to reliably work on Responsive Design
I am a fairly new web developer and I just want to gather some intel on how You guys make a web app responsive.
I have been using the built in tool in Chrome ever since I started, but it doesn't seem ...
user12864972
-1
votes
3
answers
6k
views
CSS Placing text next to image and making it mobile responsive
I use this code: My Code
<div style="display:inline-block;vertical-align:top;"><a href="domain.tld"><img src="https://i.imgur.com/J5azqpQ.jpg" alt="This is a cool picture" width="...
- 23
0
votes
0
answers
60
views
table responsive does not work in IOS browsers
I create table with bootstrap. this table in android browsers scroll works without problems but in ios browsers scroll does not work.what's wrong?
- 33
0
votes
1
answer
546
views
Responsive Design Mode vs Resizing browser window
I am trying to change things depending on resolution. So I use for exemple:
@mediaquery only screen and (min-width:1125px) and (max-width:1280px) {
flex-basis: 31.4rem;
}
It works ...
- 1
6
votes
4
answers
2k
views
Android Default Browser creates Horizontal Scroll Bar for Responsive Design
Android's default browser, shows my-site wider and creates horizontal scroll bar.
Here the screenshots of the problem: (Chrome vs default browser)
My viewport is:
<meta name="viewport" content="...
- 1,007
0
votes
1
answer
461
views
Browser image render break css inline-block layout
I have 2 div with 50% width and inline-block, on this div have a image. I'm expected 2 div will stay in one line, but sometime, browser break the layout.
Here is html :
<div class="views-field ...
- 315
0
votes
2
answers
359
views
Show or hide div on device having GPS and/or location capabilities
About to launch a new website that has a really nice map which has a "use my location" feature.
This works OK for mobiles and tablets that have GPS and location capabilities, but for desktops and ...
- 807
0
votes
1
answer
32
views
How to show webpage sized to a particular viewport width, based on the current actual screen width
I'm looking to show my webpage layout at a smaller width (e.g. at viewport width=1200), for screens with high resolutions (e.g. The device's viewport width is 2160px).
Reason is because on high ...
