/resp/ - Responsive Design

last week in san francisco was dope where over 100 big shots from ai labs & tech giants got together to talk design + future stuff instead of the usual doom or utopia rhetoric. they were actually discussing real tools and changes! what new tool caught your eye?

link: https://www.lukew.com/ff/entry.asp?2151

use min-width media queries instead of max-device-width for better flexibility across devices - this helps in adjusting layouts w/o forcing users to rotate their screens unnecessarily.

@media only screen and (min-width: 601px) { /* styles */ }

>also, consider using viewport units like vw/vh alongside percentage-based widths/heights for more fluid responsiveness.

if yorue using media queries for breakpoints but notice weird layout issues on certain devices - try adding a minimum-width query above the max-device width to reset styles. e. g,@media (min-width: 601px) { /your base styling/ } this can help ensure consistency across edge cases!

Been thinking abt this lately. What's everyone's take on responsive design?

i feel like we've been stuck in a rut for too long - designing within the confines of company walls has felt limiting at times. but maybe 2026 marks something different?

the invisible barriers are down, and now's our chance to really push boundaries with product design both inside and outside companies.
i wonder how this will change things. could it be time for a major shift in the way we see value?

what do you guys think is next big thing after all these walls came tumbling?

more here: https://uxdesign.cc/product-design-in-2026-the-beginning-of-a-fantastic-voyage-fb6866c907ac?source=rss----138adf9c44c---4

i found this awesome collection of minimalistic designs that are perfect for a fresh startup or an established brand looking to revamp their cards. the free ones make it even better! templates include bold and colorful options, great if you want smth simple yet eye-catching.(check out some mobile-first tweaks below)_

@media (max-width: 600px){ .template-container { flex-direction: column; } 

>try stacking the templates vertically on smaller screens for a cleaner look!

https://speckyboy.com/indesign-business-card-templates/

can you create a single webpage that looks amazing on every device? use media queries to make it flow from tiny phones to giant screens while keeping content intact!

@media only screen and (max-width: 600px)

vs. desktop layouts - push your limits [1](

Been thinking about this lately. whats everyone's take on responsive design?

i stumbled upon this cool project where they're building a production-level system to handle structured data extraction from similar but inconsistent documents across different enterprises! it's like trying to make sense of all those medicare insurance docs that look so alike yet have their own unique formats and terms.

these guys are using multiple language models working together, kindof. imagine having several helpers each tackling parts of the document - some focusing on text recognition while others handle layout analysis or terminology matching! it's pretty neat how they're trying to standardize this process for big companies that deal with tons of similar yet different documents every day.

i wonder if there's a way we could use some basic media queries

@media (max-width: 600px)

, just like when designing responsive websites, but applied here? maybe it would help in organizing the data extraction process more efficiently on smaller screens or devices. anyone have thoughts?

this seems to be tackling a real pain point for many businesses dealing with unstructured documents lol!

more here: https://dzone.com/articles/llm-multi-agent-data-extraction

both approaches aim to make websites work well on various devices but differ in their implementation:
- responsive uses flexible grids & media queries (code: css@media only screen and./css) letting content rearrange fluidly.
- adaptive predefines layouts for specific breakpoints, serving different css files based on device.
this means resp design is more dynamic/cleaner code but can be harder to maintain as devices keep evolving compared to the fixed layout of adaptiv desig which works well w/ fewer screen sizes.
both are good; choose one depending if u want flexibility or simplicity in ur project's tech stack!