All Questions
Tagged with responsive web
79 questions
0
votes
1
answer
78
views
How to get media query breakpoint to work properly?
I'm learning css positioning and I have a rotated image that goes behind another section on desktop size, but I want to make it take up the whole screen and straighten when the viewport becomes tablet ...
-1
votes
1
answer
98
views
Is there a way to detect the device when going on a website to change the content
I want to do the following, when somebody visits my website on the phone it should say "please visit from desktop" and when it gets visited by desktop its normal. How can I make the website ...
0
votes
1
answer
52
views
How do I make my web-page responsive in Figma?
I have just started learning Web-Design. I have bought online courses from Udemy and I am on the stage where I have to create responsive page in figma.
Guys I am sure that responsive page is very ...
- 3
-1
votes
1
answer
115
views
I'm unable to make my html/css/bootstrap file responsive and be able to fit any screen's resolution
i'm new to web developement and i would like to know how i can make my file elements responsive and be able to fit any screen's size or resolution. Help is much appreciated! Here's my code :
`\<!...
2
votes
1
answer
34
views
Fluctuating between two events
<div class="container">
<button id="1">first</button>
<button id="2">Second</button>
<button id="3">Third</...
- 55
0
votes
2
answers
48
views
@media Query not responding in chrome
So I'm trying to get this page to be responsive.. It works in firefox, and in chromes inspect tool, but regularly resizing chromes browser doesn't yield any results.
input {height:40px;}
@media screen ...
0
votes
2
answers
2k
views
How to make this flutter screen responsive according to different screen sizes?
I tried some plugins also for responsive this app screen.But it doesn't worked.How to create this responsive with mediaquery ? Does mediaquery is enough for this ?
0
votes
2
answers
50
views
How to design a website (from mobile design) that is not looking great on desktops
We have a website designed for mobile, and its appearance and operation are awful on desktop. I want to make a change to the CSS or javascript/jquery of the website so that it will be rendered good on ...
- 11
2
votes
0
answers
309
views
How to test server side rendered web applications?
I know some basic that Server-side rendering is the process of rendering the web page files from server and passing them to the browser (client-side)
There is one website that has recently been ...
- 21
1
vote
3
answers
1k
views
How to remove drawer icon from appbar when the screen size is large and display it when the screen size is small | Flutter Web
I'm creating a flutter web app, i have some option in top of the page such as about, contact. My problem is i want to show these option in Appbar when displaying in large screen and for mobile i want ...
1
vote
1
answer
203
views
display flex not working when resizing the screen
If screen width is less than 800px then I want to hide my navigation links and a fas fa bar button will show up . Clicking on that button I will make navigation links display : grid (or none ...
0
votes
1
answer
840
views
How to place card over image in bootstrap?
I'm now working on a website. I tried several times to place the card over the picture. Can you have any suggestions?https://i.sstatic.net/goigA.png
-2
votes
1
answer
26
views
I can’t correct responsive big image to mobile screen
I create my first web site and I can’t understand how correct responsive my big image in terms flex and overflow hide display for sliding image one by one
This how look my tries to response
img{
...
0
votes
1
answer
217
views
Too much white space on an image
I want to know if you can assist me with this. I have an image that works perfectly with what I want. The size of the vector itself is great. But, it seems like it has some sort of padding at the top ...
- 33
-1
votes
1
answer
48
views
HTML+CSS Web design is not responding
Im trying to make mobile responsive html+css but its not working. No matter what changes I do, nothing happens. What I have tried:
@media only screen and (max-width: 600px) {
.header {
width: ...
- 11