Questions tagged [responsive-design]
Responsive Web Design (RWD) is an approach to Web design and development that aims at crafting sites to provide optimal experiences across a wide range of devices based on screen size, platform, and orientation.
responsive-design
17,470
questions
-1
votes
0
answers
33
views
How to create a responsive, diagonal background gradient that adapts to different screen sizes?
I'm trying to create a responsive background gradient that runs diagonally across the entire page. The gradient should adapt to different screen sizes, maintaining its diagonal direction and ...
1
vote
0
answers
32
views
How to fix a basic display problem for my responsive design?
I am writing a page right now as a project and I am trying to make it responsive but however something in my code makes the "social_links" stick to left after 560px screen width but it has ...
-1
votes
0
answers
26
views
The responsivity of an application that already have too much screens and components
enter image description hereI'm dying of anxious, its been 1 month since I joined a new project, and started developing the front in the place of a software house.
The problem is, the developer of the ...
2
votes
2
answers
51
views
Creating a CustomClipPath with Straight Horizontal Lines in Flutter
Question:
I'm currently working on implementing a custom clip path in Flutter using CustomClipper<Path>, but I'm facing an issue where the horizontal lines in my shape aren't rendering perfectly ...
- 23
0
votes
0
answers
45
views
Is it ok to adjust website content according to screen size? [closed]
I designed a web site to work perfectly on a 1280*720 screen.
Then in CSS i added this part to monitor changes in screen size:
:root{
--sr : calc(((1vw / 12.8) + (1vh / 7.2))/2);
--fs-...
- 11
0
votes
0
answers
7
views
Responsive web design issue with device orientation
I've got a responsive web page with the correct media queries and viewport meta tag and when I load my website in my phone initially (in either portrait or landscape) or looks just fine, but if I ...
- 109
0
votes
0
answers
38
views
How to create a responsive hamburger menu and across all devices?
I'm trying to build a simple responsive navbar can anybody please help with it , need a hamburger menu and target for all types of devices .I tried doing it but couldn't do it. I need help with trying ...
- 1
-2
votes
0
answers
17
views
How to design a responsive header section correctly? [closed]
I created a site and made a responsive design. But when I open the site on the phone, the menus in the header section are broken.
I am attaching the code files and the picture of problem (I know i ...
0
votes
1
answer
37
views
I have written a code to change my web responsiveness according to screen size with the help of w3school. But it's not working as I expect [closed]
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Media Queries-->
<style>
.left, .right {
width: ...
- 11
-1
votes
0
answers
23
views
Responsive Grid Flex ish layout possible? [closed]
I try since days to get this working, but had no luck so far.
I have a page that will run on different sized screens and has dynamic contents, i need something that will make use of the available ...
- 1
1
vote
0
answers
41
views
The article element splits into two when I resize my webpage
My webpage splits an article which it shouldn't when I resize it or use it on other platforms like Android devices or tablets. I tried using
<span></span>but still it is not working
The ...
0
votes
0
answers
10
views
How to Center a Form Horizontally and Maintain a Fixed Vertical Position Across All Devices? [duplicate]
I'm working on a responsive web design and need to center a form horizontally while keeping it at a specific vertical position across different devices (desktop, tablet, and mobile). The form should ...
- 1
-1
votes
1
answer
46
views
Margin and padding affecting the width of my web page [closed]
I’m working on expanding my portfolio by remaking already made websites and in this one it seems like the margin and padding I put on the div holding my footer information is causing the whole content ...
0
votes
0
answers
22
views
How to download a website for offline viewing and sharing
I have made a website for a client on drag and drop builder called SHOWIT, now I want to save the version I created for my portfolio. A few reasons, the site could go disabled, the design could change ...
-1
votes
0
answers
25
views
How to fix this overlapping issue where the div element overlaps the bottom border of an h2 element?
I'm currently making a product landing page for a course project in freeCodeCamp.org
I'm on this part of the code where the div element overlaps the h2 bottom border, and I don't know how to fix the ...
- 1