Questions tagged [responsive-design]
A design approach that delivers elegant user interfaces regardless of the size of the user's display or the limitations of the device.
468 questions
0 votes
1 answer
75 views
Best UI patterns to compare lists of words across 2 to 20+ languages (mobile and desktop)?
For example, this word list comparing ~15 Dravidian languages against a standard set of English words, works reasonably well on Desktop, but I have no idea how to do this optimally on mobile (there ...
1 vote
1 answer
96 views
Inability to create responsive side panel with a fixed header & footer in a web dashboard
I always struggle with creating responsive designs using the correct combination of constraints, auto layout & prototype settings. I am trying to create a side panel with the following expected ...
1 vote
1 answer
70 views
Novel UI/design ideas for organizing "consonant charts" for various languages for mobile screen?
Your typical consonant chart looks like this in its full form This doesn't work super nicely IMO on mobile, as you'd have to scroll horizontally and vertically a lot to see everything. That chart is ...
1 vote
2 answers
165 views
Very long responsive nav menus
This is a menu for an e-commerce site. The menu is too long, with several items as shown in the screenshot: It has fixed elements, some of which are specific to e-commerce (the four buttons on the ...
2 votes
1 answer
96 views
How to manage space issues in a topbar with variable-length elements?
I’m a product designer working on a web app, and I’ve been running into an issue with the topbar design. The topbar displays a list of clickable items (user-defined names, so the lengths can vary a ...
1 vote
0 answers
142 views
Which aspects of an input should use rem and which should use pixels?
I am currently working on standardizing the styling in an application. As part of the process, I want to use rems (ie scaling based on the browser font size) instead of pixels (px) where it improves ...
1 vote
2 answers
70 views
How to tweak the mobile version of these custom fields?
This is how the custom fields in my form look like on desktop: This is on mobile: The delete button (trash can) is supposed to remove the whole custom field (Key, Type, and Value). But in the mobile ...
0 votes
3 answers
114 views
How can I help developers better understand proportions and harmony between elements in responsive design?
I'm working with developers who are implementing responsive design, but we're struggling with maintaining proportionality and visual harmony between elements across different screen sizes. For ...
1 vote
4 answers
1k views
Why use rem units for spacing and sizing, instead of px units?
It seems that most web designers choose scalable units (rem, based on font size) for pretty much everything, instead of fixed units (px). But when it comes to spacing and sizing, that doesn't make ...
2 votes
2 answers
474 views
Web App - Set a Max Width or Let it Expand Responsively?
Hopefully this is an easy one. I'm designing a web app that contains rows of cards you can horizontally scroll, and a sidebar navigation on the left (think: similar to DoorDash). I notice on my wide ...
0 votes
1 answer
212 views
Simplifying Matrix UI Approach
I have a current design which is in matrix form where columns and rows can be added and value is added. Is there any other solution for this other than using matrix. I dont want to use the matrix ...
1 vote
1 answer
167 views
Improving readability and optimize space
I develop simple web applications for my hardware projects but I'm neither a web designer nor a graphic guy. Hence my pages are often awful and not useful. Let's see an example. Here my page to ...
1 vote
3 answers
1k views
When should the font size adapt to the dimensions of the website?
I tried to search online on whether or not font should adapt with the size of the window and I found a lot of results on how to do it but not many whether I should ever do it. I tested it on multiple ...
3 votes
2 answers
541 views
Are breakpoints obsolete?
I'm a relatively new designer. All of my courses and training have a focus on breakpoints as a way to achieve responsive design. However I have heard that they are now obsolete and not being used ...
1 vote
1 answer
208 views
Using an image as a banner, or code the text and CTA separately?
I was wondering what is the better practice for a web platform selling employee benefits. We have a banner up top (not a carousel), and I'm not sure if it's better to keep it as an image, or code the ...