Most voted "responsive-layout" questions
Responsive Layout is an approach used to develop user interfaces, providing great viewing experience, easy reading, navigation and adaptability to a wide range of devices (from computer monitors to mobile phones).
Learn more…235 questions
Sort by count of
-
0
votes2
answers4378
viewsPositioning in flutter columns
I have the following code on the flutter: import 'package:flutter/material.dart'; class LoginPage extends StatefulWidget { @override _LoginPageState createState() => _LoginPageState(); } class…
-
0
votes1
answer611
viewsMobile Keyboard Breaking Layout
Testing on mobile the responsiveness of my layout, I noticed that when clicking on an element HTML of data entries (I), for example in my case the <input>, the Keyboard of the device is opened…
-
0
votes1
answer25
viewsProblems with bootstrap responsiveness for Sm and Xs screens
Friends devs, my screen does not get responsive for small and extra small devices (Sm and Xs), appears a white sidebar on the direct side of the screen and that as the screen decreases more, the…
-
0
votes1
answer633
viewsBootstrap 3 - Grid of images
Hello! How can I make a responsive grid of images with Bootstrap version 3.5 that looks like this on the Desktop: And on Mobile stay like this: My code is this: <div class="row bloco02">…
html twitter-bootstrap bootstrap-3 responsive-layout responsiveasked 5 years, 3 months ago Gabi M 13 -
0
votes0
answers42
viewsDoubts of responsiveness
I’m in trouble and I need help I have an area on the site where you have what the company does,. In the case of image one we have Image + Text Text + Image and when you look at the responsiveness it…
responsive-layoutasked 5 years ago Kauê gouveia lima 11 -
0
votes1
answer241
viewsButton mobile device responsive
How could do with this button fit when and for mobile device? When it’s for PC it gets right. This is the code. <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">…
-
0
votes1
answer19
viewsResponsive Menu - When the page is in its normal size, the menu list is not inline (it should be next to each other)
You can see the code in the codepen. I cannot let, when the page is in its normal size, the menu with the inline-block options, even if it is in the code. He keeps behaving just like a block, one on…
-
0
votes1
answer51
viewsProblems with HTML/CSS responsiveness
I am a beginner and I am venturing into the world of Web development. I’m having trouble applying responsiveness to the pages, it’s always ~left~ space on the body (a horizontal scroll bar appears)…
-
0
votes2
answers46
viewsWhy can’t I reverse aside my aside and Section:
I’m trying to make the box2 get float:left and box1 with float:right but even setting the options HTML does not play what I need. This needs to happen without using grid or flexbox or anything other…
-
0
votes0
answers22
viewsLayout with bootstrap rows and columns and Primefaces
I’m developing a Layout and needed the <p:panel> occupy every blank space it contains before the ONE and Stock fields. I’m going to post two figures, where they tell you how this is right now…
java twitter-bootstrap primefaces front-end responsive-layoutasked 3 years, 8 months ago Pablo Oliveira 21 -
0
votes1
answer39
viewsResponsivel layout with image
I have an area with a title, text , list and image. I need to leave the image next to the text area, as in the figure below: However, when decreasing the screen resolution I need the image to be…
-
0
votes0
answers40
viewsMy site is made of animated images with javascript. How do I make it responsive?
First of all: I started programming not a week ago, I’m very interested in learning, so while I wait for the answer I’ll be endeavoring to turn me around, but a little help wouldn’t be too bad :) As…
-
0
votes0
answers36
viewsI need to make a search bar responsive
var conteudo_requisiçao; jQuery(document).ready(function() { jQuery("#txt1").on("keyup", function(e) { e.preventDefault(); var texto_digitado = jQuery("#txt1").val() var busca = { action: "busca",…
-
-1
votes3
answers402
viewsResponsive Design - Text on img background
I have a website start and I’m trying to develop it into a responsive layout. At the moment the site is like this: http://40kgg.zz.vc/ (temporary domain, only for testing). For my resolution, in…
-
-1
votes1
answer982
viewsFix Bootstrap Column
Hello, I have 2 columns, one with a col3 and one with a col9. I would like the col9 to be fixed and the col3 to be rolled. How can I do it with bootstrap?
-
-1
votes1
answer413
viewsHow to quickly put restitution on my website
Hello, I’m having a problem with my blog logo that after your update only it’s not getting responsive. I wonder what I should change in css. I could only find "logo" in the following codes: Thank…
-
-1
votes1
answer60
viewsAlign div inside a Box
I’m using flexbox, inside the father div I put a div with text, initially is positioned at the top, I want to position this div at the end of the father div. But when I put position relative; and…
-
-1
votes1
answer316
viewsLayout to adapt to browser resizing
Looking at many sites today, in this case, exclusively those with Layouts Responsive, I noticed a detail that was not of my concern until then. My doubt has been in qualifying whether a…
google-chrome responsive-layout internet-explorer firefox resizingasked 8 years, 11 months ago thelimarenan 391 -
-1
votes1
answer780
viewsHow to fix issues with responsive website when redirecting browser window on DESKTOP?
I am creating a responsive site, when redirecting the window size on the DESKTOP some adjustments are being made and when RETURN to normal size (maximize) the adjustments return. So far so good. The…
-
-1
votes1
answer41
viewsHow to leave an image placed by responsive css.?
Hello guys I have a little problem here, it’s as follows... I made the footer of the site all right, with 100% fluid width but I started doing the desktop version and the background img that I put…
-
-1
votes1
answer234
viewsResize DIV according to menu size
I put html + css code inside a Jsfiddle to help visualize the problem. What I need to do is that the div named "kk" resizes according to the menu size, for example: if the menu is minimized it…
-
-1
votes1
answer229
viewsHow do I take this scroll off the screen and make it responsive?
People how do I take this Scroll that appears when I open this page on smaller screens? I would like to leave it responsive tbem and with the login card in the middle of the page with margin top and…
-
-1
votes1
answer1333
viewsHow to let a component occupy 100% of the remaining height
I’m trying to get this pink rectangle to occupy the rest of the screen, more specifically... responsive height, tried some shapes, but unsuccessfully. How to proceed? OBS: I’m using the…
-
-1
votes1
answer51
viewsResponsive/liquid layout
I’m creating a site with responsive/liquid layout, but when I turn it down The Navigator menu bar is leaking to the dither (it’s static) follows the print: I would like to know how to hide the rest…
-
-1
votes1
answer35
viewsHow to get my list inside the card with responsive size!
I would like to leave the featured content inside the card and not go outside, because when you leave the small screen they end up leaving. I made my site using flexbox as a base. body {…
-
-2
votes1
answer333
viewsResponsive site, how to test and set @media?
Well, nowadays every professional website should be responsive, and I doubt that. Initially, is there any offline tool to simulate this? For example: simulate access to multiple resolutions, etc? I…
-
-2
votes1
answer670
viewsHow to make an image within a box responsive, using CSS?
Good evening, I’m having a hard time getting the following idea to work: When I hover the mouse over a certain point, a box with an image appears, but I wanted this image inside the box to be…
-
-2
votes1
answer531
viewsProblem in the responsive version of the site
Good afternoon, everyone, I have developed a site for a client, in wordpress, the site is sgcsolucoes.com.br. My problem is that it seems that the responsive css is not picking up. The website for…
-
-2
votes1
answer32
viewsHow to change the layout of Radio Buttons in the responsive layout with Bootstrap or another tool?
Currently when the site is in mobile mode/reduced to a certain resolution the Radio Buttons automatically position themselves as follows: I’d like it to look something like this: Part of the HTML…
-
-3
votes1
answer46
viewsBootstrap responsiveness on large screens
I’m creating a bootstrap4 site and it’s breaking/getting weird on screens over 1300px. Is that the standard Bs behavior in these cases? What can I do to make the layout equal to the desired? Edit: I…
-
-3
votes1
answer36
viewsHow to keep all html within a 100% div height?
Hello How do I keep my html inside the background image without creating that white background and so that the Divs - yellow and black - also respect the 50% height within that height of the…
-
-4
votes1
answer6182
viewsResponsive design for Android app
Can someone refer me some material (books, websites, ...), about responsive design for android.
-
-4
votes1
answer70
viewsScreen Size of Smartphones
I am producing an app. I would like to know for which size of android smartphones screens I should program the layout. The layouts I made do not fit on smartphones with screen 2.7,3.2, 3.3,3.4,…
-
-4
votes1
answer79
viewsMy page does not get responsive in large resolutions
In large screen resolutions the horizontal scroll bar appears on the page. I am using the entire width of my screen as code below: .slides { width: 100vw; } Follow the example: Thank you…
-
-4
votes2
answers60
viewsHow do I turn a site that is already ready into responsive? In the two codes below is just a page of the site to take as an example
* { margin: 0; padding: 0; } body { background-image: url("imagens/imgfundo.jpg"); background-attachment: fixed; width:…