I want to make my project responsive by using MUI breakpoints, but I don't get how to use them in a simple way, I think creating a const styles as they explained in their documents is not a simple ...

I've been testing my bootstrap site on various devices to ensure it's responsive. I've got everything resizing correctly for different display sizes except the navbar. On my browser, when I resize ...

I am developing a tablet app (Android and iOS) with Expo and React-Native. I managed to make the layout responsive without getting into any problems. After running the app on different size ...

In the traditional view system, I handled responsiveness by using bias/guidelines/weights/wrap_content/avoiding hard coding dimensions/placing views relative to each other in Constraint Layout, usi...

I have the following requirements: The PayPal verification screen remembers the buyer between transactions. The layout of PayPal verification screen is suitable for mobile devices (responsive layo...

I have a basic grid on materializeCSS my problem is my column is not the same height so my layout became a mess. I know this has been ask on bootstrap but none of the solution works for me in mater...

I have an SVG within a web page, it consists of images + text <object data="/infographic/timeline.svg" type="image/svg+xml"> <img src="/infographic/timeline.svg" alt="Timeline"> <...

I need to test an html file for mobile responsiveness, but all the resources I have found to do this need a URL or a localhost, is there any way to test responsiveness with just an html file?

Question: How do you set the max-width of an image in Bootstrap 4 while retaining the image's responsiveness? Background: Boostrap 4's .img-fluid class makes images responsive. max-widt...

Problem: I want to add padding-top in % to all list items (because I need to move the text a little down and also need all elements to be scalable), here is jsfiddle code Height works fine. In ord...

In Bootstrap 3, I can easily design responsive sensitive table. I can split columns into their grid system. More than that I can hide some column for small devices. Here is my example. The table ha...

I'm having trouble making Semantic UI React grid fully responsive, at least respond the way I want for Desktop, Tablet and Mobile. I have following three components which I am rendering in Grid C...

I am developing a web app in react js and i am using material-UI for components but i,m bit confuse reagrding the responsiveness of my web pages. so i wanted to know that can i use Bootstrap 4 with...

I am calculating position of a point on a image with the formula below in pixel, where oW is original image width and oH is original image height. var x = oW * parseInt(document.getElementById('pa...

This is more of a best practice question than anything. So, say I have two cols in Bootstrap and I want the right col to be set at 300px until it hits the 768px breakpoint then have it stack. ...

After experimenting with some of the options I still did not get satisfying result: The used Javascript library is FullpageJS (http://alvarotrigo.com/fullPage/) Fullpage.js is initialized with th...

I have this html code: <div class="row fluid"> <div class="col-md-3 clearfix"> <img src="img"> <div class="img-text"> Tekst fdskfjsdghdfn ufghdg ufdhs gdfksjhg jfdk...

Does anybody know of any examples or tutorials on how to achieve the below: On desktop the layout will be: On mobile the layout will change to: As you can see, I want box 2 and box 3 to re-ord...

I have worked with Bootstrap many times, and have only seen this issue when my meta viewport tag is missing. However, that is loaded, and I am still experiencing issues with Bootstrap on mobile dev...

I have a simple 3 column table (second code sample below). Most of the time it would be displayed on a wide-screen HD TV, so I would like the structure to be like the first code sample below, and y...