{"id":4109,"date":"2024-10-02T15:38:06","date_gmt":"2024-10-02T20:38:06","guid":{"rendered":"https:\/\/frontendmasters.com\/blog\/?p=4109"},"modified":"2024-10-02T15:38:07","modified_gmt":"2024-10-02T20:38:07","slug":"masonry-feedback-round-2","status":"publish","type":"post","link":"https:\/\/frontendmasters.com\/blog\/masonry-feedback-round-2\/","title":{"rendered":"Masonry Feedback, Round 2"},"content":{"rendered":"\n

After the big shakeup with masonry layout recently (Apple: Make it part of display: grid;<\/code>!<\/a> \/ Google: Make it display: masonry;<\/code>!<\/a> \/ Me: I’ve got questions<\/a> and I’d rather see tabbing order issues fixed first<\/a>), I was very keen to hear where it would go. It took 5 months, but we’ve got movement<\/a>. <\/p>\n\n\n\n

\n

The CSS Working Group has combined the two CSS masonry proposals into\u00a0one draft specification<\/a>. The group hopes that this will make it easier to compare the two, and make a final decision. The Chrome team still believes that a separate masonry syntax would be the best way to proceed.<\/p>\n<\/blockquote>\n\n\n\n

I admit I find it a bit brain-bending and mostly don’t care which way it goes. Both Geoff<\/a> and Miriam<\/a> have fantastic overviews and also both stop short of a strong opinion either way. To keep it spicy, I have a slight preference for keeping it in grid<\/code>, as adding four<\/em> new properties for this relatively niche layout need feels like a bit much, even if it does complicate grid by existing. Rachels feels strongly the other way<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

After the big shakeup with masonry layout recently (Apple: Make it part of display: grid;! \/ Google: Make it display: masonry;! \/ Me: I’ve got questions and I’d rather see tabbing order issues fixed first), I was very keen to hear where it would go. It took 5 months, but we’ve got movement. The CSS […]<\/p>\n","protected":false},"author":1,"featured_media":1844,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29],"tags":[7,123,165],"class_list":["post-4109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-beat","tag-css","tag-grid","tag-masonry"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/04\/masonry-thumb.jpg?fit=1000%2C500&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/4109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/comments?post=4109"}],"version-history":[{"count":1,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/4109\/revisions"}],"predecessor-version":[{"id":4110,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/4109\/revisions\/4110"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media\/1844"}],"wp:attachment":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media?parent=4109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/categories?post=4109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/tags?post=4109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}