#subgrid — Public Fediverse posts

#Safari drives me crazy when it comes to #CSS subgrids. Safari does not apply the subgrid spacing correctly. It recognizes the entire #subgrid span correctly, but the missing spacing causes the subgrid to collapse.

I don't understand how such a giant corporation, with so many users and a corresponding market share, fails to implement web standards properly. I feel like Safari is the new Internet Explorer.

#webstandards #w3c #apple #browser #grid

#html #css #grid #subgrid

Stecke fest … hat jemand Lösungsvorschläge?

Dass die #items aneinander kleben, ist gewollt. Es geht um die Bilder der Notizhefte und T-Shirts, die ich gerne mittig platzieren möchte. Alle infrage kommenden Eigenschaften mit "center" habe ich durch. Wenn es sich mit einer anderen Angabe beißt, finde ich die nicht.

Đã tái tạo SubGrid thành một PWA dễ thương, hoạt động offline, đồng bộ dữ liệu qua thiết bị với xác thực passkey (không mật khẩu, không email). Cài được trên điện thoại và máy tính. Cảm ơn hoangvu12 vì ý tưởng gốc! #PWA #SubGrid #snoutpink #ứng_dụng_nhẹ #công_nghệ #passkey #offlineapp #Angular #FastAPI

https://www.reddit.com/r/SideProject/comments/1qlh1po/i_rebuilt_subgrid_as_a_cute_pwa/

Đã tái tạo SubGrid thành một PWA dễ thương, hoạt động offline, đồng bộ dữ liệu qua thiết bị với xác thực passkey (không mật khẩu, không email). Cài được trên điện thoại và máy tính. Cảm ơn hoangvu12 vì ý tưởng gốc! #PWA #SubGrid #snoutpink #ứng_dụng_nhẹ #công_nghệ #passkey #offlineapp #Angular #FastAPI

https://www.reddit.com/r/SideProject/comments/1qlh1po/i_rebuilt_subgrid_as_a_cute_pwa/

Brand New Layouts with CSS Subgrid

https://www.joshwcomeau.com/css/subgrid/

#HackerNews #CSS #Subgrid #Web #Design #Layouts #Grid #Layouts #Frontend #Development #Responsive #Design

#CSS subgrid help?

Live test https://codepen.io/thebabydino/pen/raNedoQ?editors=0100 with problem: want the same fixed height for description on all card rows

repeat(3, auto) 😿 different heights for cards on different lines
repeat(6, auto auto 3lh) 😿 unwanted space below cards widescreen
auto-fit instead of 6 won't work 😿

#subgrid #cssLayout #cssGrid #gridLayout #layout #code #coding #frontend #help #web #dev #webDev #webDevelopment

Because this keeps getting asked over and over... subgrid is how you get such cards whose grids align even with varying component heights.

https://www.reddit.com/r/css/comments/1itgf3h/comment/mdsg2bh/

Both the card wrapper and the cards get `display: grid` and the rest you can see in the Styles panel in DevTools below.

Live on @codepen

https://codepen.io/thebabydino/pen/QwWNwOz?editors=0100

#CSS #layout #cssLayout #cssGrid #gridLayout #code #coding #frontend #reponsive #web #dev #webDev #webDevelopment #subgrid