Smart layouts at CSS Day 2025 aka. Fluid Layout - 폴더블의 보편화로 스크린 화면 비율이 정적이지 않고 가변적이게 변하는 추세에 적합한 방법론인 것 같다.

뷰포트 너비마다 레이아웃을 변하는 breakpoint 방식에서 벗어나 단일한 Fluid Layout 을 지향하는 시점이 되었나 싶다.

SMART
LAYQUTS
RESPONSIVE
• VIEWPORT SIZE
• CONTAINER SIZE
• USER PREFERENCES
DESKTOP
TABLET
NOT LIMITED WITH THIS THREE FORMATS
MOB
SMART
• MINDSET
• DON'T BREAKS
• CONDITIONAL
•CONTENT-AWARE
STAR
8
KEEP
CALM
•FiexBox
HAS
•: HAS
• ANCHOR
• CONTAINER & STYLE
QUERIES
• FIEXBOX
AHMAD SHADEJO
• GRID
• CSS CLAMP
•GRID AREAS
• DISPLAY: CONTENTS
EDGE (FUTURE)
• SIBLING INDEX ()
• CAROUSEL API
PAMSTERDAM
QUERIES
ITS ALL CONNECTEI IN A SMART WAY
6.06.2025
1

If you have a fediverse account, you can quote this note from your own instance. Search https://hackers.pub/ap/notes/0198f155-17d2-77cd-9d0a-b3681bbd15b0 on your instance and quote it. (Note that quoting is not supported in Mastodon.)