28:I[88214,["/_next/static/chunks/3fntmmi971322.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/1s6ia4sqb7s26.js","/_next/static/chunks/0-6-3mj04xnqi.js","/_next/static/chunks/2tie5rqwdsi89.js","/_next/static/chunks/37wc57t7n-_qj.js","/_next/static/chunks/3697wzn6w4-tz.js","/_next/static/chunks/0mt-bqx6gzwmz.js","/_next/static/chunks/0c2x7ou_k5ilt.js"],"EmailOpenRecorder"] 29:I[3004,["/_next/static/chunks/3fntmmi971322.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/1s6ia4sqb7s26.js","/_next/static/chunks/0-6-3mj04xnqi.js","/_next/static/chunks/2tie5rqwdsi89.js","/_next/static/chunks/37wc57t7n-_qj.js","/_next/static/chunks/3697wzn6w4-tz.js","/_next/static/chunks/0mt-bqx6gzwmz.js","/_next/static/chunks/0c2x7ou_k5ilt.js"],"EmailPreview"] 2c:I[27201,["/_next/static/chunks/3fntmmi971322.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/1s6ia4sqb7s26.js","/_next/static/chunks/0-6-3mj04xnqi.js"],"IconMark"] 2a:T101c1, Smashing Newsletter

New CSS features, tabular numbers, filling in the last row, icon and label alignment, responsive iframes. Issue #580 • Oct 13, 2026 • View in the browser

Bună Smashing Friends,

CSS doesn’t stand still. There are new CSS techniques and experiments but also new cross-browser features and tools. In this newsletter, we explore what’s new in CSS and what CSS features we can use today that we perhaps didn’t know of yesterday. Let’s dive in!

Ready to boost your skills this autumn? Save 20% on online workshops before prices go up on Oct 20.

By the way, if you want to prepare for what’s next in the world of front-end and UX, we’ve just launched our new online workshops. And: there has never been a better time to get your tickets at the best price.

Save 10–20% off today: prices will go up on Oct 20. Also, jump to bundles for teams.
How To Measure UX and Design Impact UX + self-paced course
with Vitaly Friedman. Oct 20 – Nov 3
Building Modern HTML Emails Dev
with Rémi Parmentier. Oct 26–29
Deep Dive On Accessibility Testing Dev
with Manuel Matuzović. Nov 9–23
Design Patterns For AI Interfaces UX + self-paced course
with Vitaly Friedman. Nov 16–24
AI-Ready Design Systems For Designers DS
with Christine Vallaure. Nov 30 – Dec 4
Jump to all workshops →

— Vitaly

1. CSS Linked Parameters

When you place an SVG as a content or background image on a page, you reach a styling dead end: you can put the SVG there, but you can’t paint it. CSS Linked Parameters are here to change that. They are currently only supported in Firefox Nightly and Safari Technology Preview, but definitely worth keeping an eye on, as Vadim Makeev shows. He used the new spec to print nine variations of Andy Warhol’s iconic Marilyn Monroe with it, from just one SVG.

2. Responsive iframes

Third-party interactive widgets, comments, and media frames usually put us in a layout dilemma: either hardcode a height and risk ugly scrollbars, or implement complex event loops. Those days are finally over, at least in Chrome. Chrome 156 recently added support for responsive iframes, enabling embedded documents to automatically resize their container frame to fit internal content.

3. Better Icon And Label Alignment

Let’s say you have a list of items, each with an icon. When the text is one line, the icon is centered; when the text spans over multiple lines, the icon is still centered, which can look quite odd. So, how can we make icon and label alignment better when text is wrapped? Ahmad Shadeed shares his solution for keeping the icon aligned vertically.

From our sponsor

Bring Wild Ideas. Spread Them At MozFest, Oct 28–30 In Barcelona.

Last year, more than 2,000 people came together to unlearn old ways of building tech. This year, with eight tracks and a spot in Barcelona’s Open Tech Week, MozFest gives your ideas room to run wild. Join us for three days of conversation and hands-on building. Get your badge →

4. Sidenotes With CSS

Sidenotes are a great way to display additional content next to text instead of sending the reader to the bottom of the page with a footnote. Vincent Bernat shares his approach to sidenotes with CSS anchor positioning. They don’t require any JavaScript and fall back below the paragraph referencing them on narrow viewports and in browsers that don’t support anchor positioning.

5. Better Dashboard Figures

Table columns that don’t line up or figures that jump when they update — numbers in dashboards often look slightly off. Carmen Ansio shares practical tips to help you fix your numbers with just a few lines of CSS. They switch on tabular numbers, small caps for labels, old-style figures for text, and real fractions — small details that enhance the look of your dashboard and help your users make sense of the content.

Upcoming Online Workshops

Meet friendly online workshops all around UX and front-end, with new workshops we’ve just launched. And: there has never been a better time to get your tickets at the best price.

Save 10–20% off today: prices will go up on Oct 20. Also, jump to bundles for teams.
How To Measure UX and Design Impact UX + self-paced course
with Vitaly Friedman. Oct 20 – Nov 3
Building Modern HTML Emails Dev
with Rémi Parmentier. Oct 26–29
Deep Dive On Accessibility Testing Dev
with Manuel Matuzović. Nov 9–23
Design Patterns For AI Interfaces UX + self-paced course
with Vitaly Friedman. Nov 16–24
AI-Ready Design Systems For Designers DS
with Christine Vallaure. Nov 30 – Dec 4
Make Your Design System Work, for Humans and Robots DS
with Javier Cuello. Dec 1 & 3
Designing Websites That Convert UX
with Paul Boag. Dec 7
Jump to all workshops →

6. Filling In The Last Row

While we’re waiting for gap decorations to be widely supported, we can use workarounds to add borders between grid cells in CSS. However, in responsive layouts, where the number of columns in the grid isn’t fixed, things get tricky. Tim Wilson shows how to keep it simple by using separate filler cells for each breakpoint.

7. Brighter Than White

Logos or text that glow brighter than white? Gain maps make it possible, at least on HDR displays in combination with Chrome or Safari 26. If you want to make your logo glow, Chris Bennett created a little tool to help achieve the desired effect. He also shares tips on how to paint real text through an HDR image to also make your text brighter than white.

8. CSS Features We Can Use Today

Sass, JavaScript hacks, and PostCSS plugins used to fill the gaps for the things that CSS wasn’t capable of. Luckily, we’ve finally reached a state where the browser can do a lot of them on their own. Flavio Copes explores twelve modern CSS features, along with the workarounds they retire, code snippets you can paste into your project, and info on where support stands.

9. Accessible UX Research, Shipping Worldwide 📚

Just in case you haven’t noticed yet: our newest Smashing book, Accessible UX Research by Michele A. Williams, is shipping worldwide! Get the book right away or order the eBook for instant download.

Meet our brand-new book: “Accessible UX Research” by Michele A. Williams. Printed copies shipping now.

Accessible UX Research is your practical guide to making UX research more inclusive of participants with different needs — from planning and recruiting to facilitation, asking better questions, avoiding bias, and building trust. Download a free sample (PDF, 2.3MB) or get the book right away.

10. Person Of The Week: Milan Milanović

Please give a warm round of applause for our Person of the Week: Milan Milanović. Milan is a software engineer and CTO with over 20 years of experience building software and leading teams across finance, banking, energy, and other industries. He is the author of the book Laws of Software Engineering and creator of Tech World With Milan.

With a PhD in computer science and AI, Milan thrives on bridging the gap between technology and innovation. He coaches engineers and people in leadership positions, offers consulting for companies, and also shares his knowledge of software architecture, engineering leadership, and AI as a speaker and guest lecturer.

Thank you for everything you do for the community, dear Milan! 🧡

11. Recent Smashing Articles

That’s All, Folks!

Thank you so much for reading and for your support in helping us keep the web dev and design community strong with our newsletter. See you next time!

This newsletter issue was written and edited by Cosima Mielke, Vitaly Friedman, and Iris Lješnjanin.

Sent to truly smashing readers via Mailchimp.
We sincerely appreciate your kind support. You rock.

Follow us on Mastadon • Join us on Bluesky

Weekly issues with useful tips for web devs. Email: newsletter@smashingmagazine.com.
unsubscribe • update preferences • view in your browser

2b:T3fcc,New CSS features, tabular numbers, filling in the last row, icon and label alignment, responsive iframes. Issue #580 • Oct 13, 2026 • View in the browser (https://mailchi.mp/smashingmagazine/580-new-css-features-for-2027?e=45c4871904) https://www.smashingmagazine.com/the-smashing-newsletter/?mc_cid=28c20df4f2&mc_eid=UNIQID ** Bună Smashing Friends, ------------------------------------------------------------ CSS doesn’t stand still. There are new CSS techniques and experiments but also new cross-browser features and tools. In this newsletter, we explore what’s new in CSS and what CSS features we can use today that we perhaps didn’t know of yesterday. Let’s dive in! https://smashingconf.com/online-workshopshttps://smashingconf.com/online-workshops?mc_cid=28c20df4f2&mc_eid=UNIQID Ready to boost your skills this autumn? Save 20% on online workshops (https://smashingconf.com/online-workshops/?mc_cid=28c20df4f2&mc_eid=UNIQID) before prices go up on Oct 20. By the way, if you want to prepare for what’s next in the world of front-end and UX, we’ve just launched our new online workshops (https://smashingconf.com/online-workshops?mc_cid=28c20df4f2&mc_eid=UNIQID) . And: there has never been a better time to get your tickets at the best price. * Save 10–20% off today (https://smashingconf.com/online-workshops?mc_cid=28c20df4f2&mc_eid=UNIQID) : prices will go up on Oct 20. Also, jump to bundles for teams (https://smashingconf.com/online-workshops/bundles?mc_cid=28c20df4f2&mc_eid=UNIQID) . * How To Measure UX and Design Impact (https://smashingconf.com/online-workshops/workshops/vitaly-friedman-impact-design/?mc_cid=28c20df4f2&mc_eid=UNIQID) UX + self-paced course (https://www.measure-ux.com?mc_cid=28c20df4f2&mc_eid=UNIQID) with Vitaly Friedman. Oct 20 – Nov 3 * Building Modern HTML Emails (https://smashingconf.com/online-workshops/workshops/html-email-remi-parmentier/?mc_cid=28c20df4f2&mc_eid=UNIQID) Dev with Rémi Parmentier. Oct 26–29 * Deep Dive On Accessibility Testing (https://smashingconf.com/online-workshops/workshops/accessibility-testing-manuel-matuzovic/?mc_cid=28c20df4f2&mc_eid=UNIQID) Dev with Manuel Matuzović. Nov 9–23 * Design Patterns For AI Interfaces (https://smashingconf.com/online-workshops/workshops/ai-interfaces-vitaly-friedman/?mc_cid=28c20df4f2&mc_eid=UNIQID) UX + self-paced course (https://ai-design-patterns.com?mc_cid=28c20df4f2&mc_eid=UNIQID) with Vitaly Friedman. Nov 16–24 * AI-Ready Design Systems For Designers (https://smashingconf.com/online-workshops/workshops/ai-designsystems-figma-christine-vallaure/?mc_cid=28c20df4f2&mc_eid=UNIQID) DS with Christine Vallaure. Nov 30 – Dec 4 * Jump to all workshops → (https://smashingconf.com/online-workshops/?mc_cid=28c20df4f2&mc_eid=UNIQID) — Vitaly (https://www.linkedin.com/in/vitalyfriedman/?mc_cid=28c20df4f2&mc_eid=UNIQID) ------------------------------------------------------------ ** 1. CSS Linked Parameters ------------------------------------------------------------ When you place an SVG as a content or background image on a page, you reach a styling dead end: you can put the SVG there, but you can’t paint it. CSS Linked Parameters are here to change that. They are currently only supported in Firefox Nightly and Safari Technology Preview, but definitely worth keeping an eye on, as Vadim Makeev shows (https://pepelsbey.dev/articles/svg-link-params/?mc_cid=28c20df4f2&mc_eid=UNIQID) . He used the new spec to print nine variations of Andy Warhol’s iconic Marilyn Monroe with it, from just one SVG. https://pepelsbey.dev/articles/svg-link-params/?mc_cid=28c20df4f2&mc_eid=UNIQID ------------------------------------------------------------ ** 2. Responsive iframes ------------------------------------------------------------ Third-party interactive widgets, comments, and media frames usually put us in a layout dilemma: either hardcode a height and risk ugly scrollbars, or implement complex event loops. Those days are finally over, at least in Chrome. Chrome 156 recently added support for responsive iframes (https://developer.chrome.com/blog/responsive-iframes?mc_cid=28c20df4f2&mc_eid=UNIQID) , enabling embedded documents to automatically resize their container frame to fit internal content. https://developer.chrome.com/blog/responsive-iframes?mc_cid=28c20df4f2&mc_eid=UNIQID ------------------------------------------------------------ ** 3. Better Icon And Label Alignment ------------------------------------------------------------ Let’s say you have a list of items, each with an icon. When the text is one line, the icon is centered; when the text spans over multiple lines, the icon is still centered, which can look quite odd. So, how can we make icon and label alignment better when text is wrapped? Ahmad Shadeed shares his solution for keeping the icon aligned vertically (https://ishadeed.com/article/aligning-list-icons/?mc_cid=28c20df4f2&mc_eid=UNIQID) . https://ishadeed.com/article/aligning-list-icons/?mc_cid=28c20df4f2&mc_eid=UNIQID ------------------------------------------------------------ From our sponsor ** Bring Wild Ideas. Spread Them At MozFest, Oct 28–30 In Barcelona. ------------------------------------------------------------ https://smashed.by/mozfest2026?mc_cid=28c20df4f2&mc_eid=UNIQID Last year, more than 2,000 people came together to unlearn old ways of building tech. This year, with eight tracks and a spot in Barcelona’s Open Tech Week, MozFest gives your ideas room to run wild. Join us for three days of conversation and hands-on building. Get your badge → (https://smashed.by/mozfest2026?mc_cid=28c20df4f2&mc_eid=UNIQID) ------------------------------------------------------------ ** 4. Sidenotes With CSS ------------------------------------------------------------ Sidenotes are a great way to display additional content next to text instead of sending the reader to the bottom of the page with a footnote. Vincent Bernat shares his approach to sidenotes with CSS anchor positioning (https://vincent.bernat.ch/en/blog/2026-css-sidenotes?mc_cid=28c20df4f2&mc_eid=UNIQID) . They don’t require any JavaScript and fall back below the paragraph referencing them on narrow viewports and in browsers that don’t support anchor positioning. https://vincent.bernat.ch/en/blog/2026-css-sidenotes?mc_cid=28c20df4f2&mc_eid=UNIQID ------------------------------------------------------------ ** 5. Better Dashboard Figures ------------------------------------------------------------ Table columns that don’t line up or figures that jump when they update — numbers in dashboards often look slightly off. Carmen Ansio shares practical tips to help you fix your numbers (https://www.carmenansio.com/articles/opentype-features-css/?mc_cid=28c20df4f2&mc_eid=UNIQID) with just a few lines of CSS. They switch on tabular numbers, small caps for labels, old-style figures for text, and real fractions — small details that enhance the look of your dashboard and help your users make sense of the content. https://www.carmenansio.com/articles/opentype-features-css/?mc_cid=28c20df4f2&mc_eid=UNIQID ------------------------------------------------------------ ** Upcoming Online Workshops ------------------------------------------------------------ Meet friendly online workshops (https://smashingconf.com/online-workshops?mc_cid=28c20df4f2&mc_eid=UNIQID) all around UX and front-end, with new workshops we’ve just launched. And: there has never been a better time to get your tickets at the best price. * Save 10–20% off today (https://smashingconf.com/online-workshops?mc_cid=28c20df4f2&mc_eid=UNIQID) : prices will go up on Oct 20. Also, jump to bundles for teams (https://smashingconf.com/online-workshops/bundles?mc_cid=28c20df4f2&mc_eid=UNIQID) . * How To Measure UX and Design Impact (https://smashingconf.com/online-workshops/workshops/vitaly-friedman-impact-design/?mc_cid=28c20df4f2&mc_eid=UNIQID) UX + self-paced course (https://www.measure-ux.com?mc_cid=28c20df4f2&mc_eid=UNIQID) with Vitaly Friedman. Oct 20 – Nov 3 * Building Modern HTML Emails (https://smashingconf.com/online-workshops/workshops/html-email-remi-parmentier/?mc_cid=28c20df4f2&mc_eid=UNIQID) Dev with Rémi Parmentier. Oct 26–29 * Deep Dive On Accessibility Testing (https://smashingconf.com/online-workshops/workshops/accessibility-testing-manuel-matuzovic/?mc_cid=28c20df4f2&mc_eid=UNIQID) Dev with Manuel Matuzović. Nov 9–23 * Design Patterns For AI Interfaces (https://smashingconf.com/online-workshops/workshops/ai-interfaces-vitaly-friedman/?mc_cid=28c20df4f2&mc_eid=UNIQID) UX + self-paced course (https://ai-design-patterns.com?mc_cid=28c20df4f2&mc_eid=UNIQID) with Vitaly Friedman. Nov 16–24 * AI-Ready Design Systems For Designers (https://smashingconf.com/online-workshops/workshops/ai-designsystems-figma-christine-vallaure/?mc_cid=28c20df4f2&mc_eid=UNIQID) DS with Christine Vallaure. Nov 30 – Dec 4 * Make Your Design System Work, for Humans and Robots (https://smashingconf.com/online-workshops/workshops/design-systems-legacy-ai-javier-cuello/?mc_cid=28c20df4f2&mc_eid=UNIQID) DS with Javier Cuello. Dec 1 & 3 * Designing Websites That Convert (https://smashingconf.com/online-workshops/workshops/converting-websites-paul-boag/?mc_cid=28c20df4f2&mc_eid=UNIQID) UX with Paul Boag. Dec 7 * Jump to all workshops → (https://smashingconf.com/online-workshops/?mc_cid=28c20df4f2&mc_eid=UNIQID) ------------------------------------------------------------ ** 6. Filling In The Last Row ------------------------------------------------------------ While we’re waiting for gap decorations to be widely supported, we can use workarounds to add borders between grid cells in CSS. However, in responsive layouts, where the number of columns in the grid isn’t fixed, things get tricky. Tim Wilson shows how to keep it simple by using separate filler cells for each breakpoint (https://twilson.net/writing/filling-responsive-grid?mc_cid=28c20df4f2&mc_eid=UNIQID) . https://twilson.net/writing/filling-responsive-grid?mc_cid=28c20df4f2&mc_eid=UNIQID ------------------------------------------------------------ ** 7. Brighter Than White ------------------------------------------------------------ Logos or text that glow brighter than white? Gain maps make it possible, at least on HDR displays in combination with Chrome or Safari 26. If you want to make your logo glow, Chris Bennett created a little tool (https://www.soverybright.com/?mc_cid=28c20df4f2&mc_eid=UNIQID) to help achieve the desired effect. He also shares tips on how to paint real text through an HDR image to also make your text brighter than white. https://www.soverybright.com/?mc_cid=28c20df4f2&mc_eid=UNIQID ------------------------------------------------------------ ** 8. CSS Features We Can Use Today ------------------------------------------------------------ Sass, JavaScript hacks, and PostCSS plugins used to fill the gaps for the things that CSS wasn’t capable of. Luckily, we’ve finally reached a state where the browser can do a lot of them on their own. Flavio Copes explores twelve modern CSS features (https://flaviocopes.com/modern-css-features/?mc_cid=28c20df4f2&mc_eid=UNIQID) , along with the workarounds they retire, code snippets you can paste into your project, and info on where support stands. https://flaviocopes.com/modern-css-features/?mc_cid=28c20df4f2&mc_eid=UNIQID ------------------------------------------------------------ ** 9. Accessible UX Research, Shipping Worldwide 📚 ------------------------------------------------------------ Just in case you haven’t noticed yet: our newest Smashing book, Accessible UX Research by Michele A. Williams, is shipping worldwide! Get the book right away (https://www.smashingmagazine.com/printed-books/accessible-ux-research/?mc_cid=28c20df4f2&mc_eid=UNIQID) or order the eBook for instant download (https://www.smashingmagazine.com/ebooks/accessible-ux-research-ebook/?mc_cid=28c20df4f2&mc_eid=UNIQID) . https://www.smashingmagazine.com/printed-books/accessible-ux-research/?mc_cid=28c20df4f2&mc_eid=UNIQID Meet our brand-new book: “Accessible UX Research (https://www.smashingmagazine.com/printed-books/accessible-ux-research/?mc_cid=28c20df4f2&mc_eid=UNIQID) ” by Michele A. Williams. Printed copies shipping now. Accessible UX Research is your practical guide to making UX research more inclusive of participants with different needs — from planning and recruiting to facilitation, asking better questions, avoiding bias, and building trust. Download a free sample (https://smashed.by/accessibleresearchsample?mc_cid=28c20df4f2&mc_eid=UNIQID) (PDF, 2.3MB) or get the book right away (https://www.smashingmagazine.com/printed-books/accessible-ux-research/?mc_cid=28c20df4f2&mc_eid=UNIQID) . ------------------------------------------------------------ ** 10. Person Of The Week: Milan Milanović ------------------------------------------------------------ Please give a warm round of applause for our Person of the Week: Milan Milanović (https://milan.milanovic.org/?mc_cid=28c20df4f2&mc_eid=UNIQID) . Milan is a software engineer and CTO with over 20 years of experience building software and leading teams across finance, banking, energy, and other industries. He is the author of the book Laws of Software Engineering (https://lawsofsoftwareengineering.com/book?mc_cid=28c20df4f2&mc_eid=UNIQID) and creator of Tech World With Milan (https://newsletter.techworld-with-milan.com/?mc_cid=28c20df4f2&mc_eid=UNIQID) . https://milan.milanovic.org/?mc_cid=28c20df4f2&mc_eid=UNIQID With a PhD in computer science and AI, Milan thrives on bridging the gap between technology and innovation. He coaches engineers and people in leadership positions, offers consulting for companies, and also shares his knowledge of software architecture, engineering leadership, and AI as a speaker and guest lecturer. Thank you for everything you do for the community, dear Milan! 🧡 ------------------------------------------------------------ ** 11. Recent Smashing Articles ------------------------------------------------------------ * A Practical Guide To Naming Things (https://www.smashingmagazine.com/2026/10/how-name-things/?mc_cid=28c20df4f2&mc_eid=UNIQID) * Under Autumn’s Spell (October 2026 Wallpapers Edition) (https://www.smashingmagazine.com/2026/09/desktop-wallpaper-calendars-october-2026/?mc_cid=28c20df4f2&mc_eid=UNIQID) * Stop Treating CSS Container Queries Like Traditional Media Queries (https://www.smashingmagazine.com/2026/09/stop-treating-css-container-queries-traditional-media-queries/?mc_cid=28c20df4f2&mc_eid=UNIQID) * Building A UX ROI Case That Survives The Boardroom (https://www.smashingmagazine.com/2026/09/building-ux-roi-case-survives-boardroom/?mc_cid=28c20df4f2&mc_eid=UNIQID) ------------------------------------------------------------ ** That’s All, Folks! ------------------------------------------------------------ Thank you so much for reading and for your support in helping us keep the web dev and design community strong with our newsletter. See you next time! ------------------------------------------------------------ This newsletter issue was written and edited by Cosima Mielke, Vitaly Friedman, and Iris Lješnjanin. Sent to truly smashing (http://www.smashingmagazine.com/about/?mc_cid=28c20df4f2&mc_eid=UNIQID) readers via Mailchimp (http://www.mailchimp.com?mc_cid=28c20df4f2&mc_eid=UNIQID) . We sincerely appreciate your kind support. You rock. Follow us on Mastadon (https://mastodon.social/@smashingmag?mc_cid=28c20df4f2&mc_eid=UNIQID) • Join us on Bluesky (https://bsky.app/profile/smashingmagazine.com?mc_cid=28c20df4f2&mc_eid=UNIQID) ============================================================ Weekly issues with useful tips for web devs. Email: ** newsletter@smashingmagazine.com (mailto:newsletter@smashingmagazine.com) . ** unsubscribe (https://smashingmagazine.us1.list-manage.com/unsubscribe?u=16b832d9ad4b28edf261f34df&id=a1666656e0&t=b&e=45c4871904&c=28c20df4f2) • ** update preferences (https://smashingmagazine.us1.list-manage.com/profile?u=16b832d9ad4b28edf261f34df&id=a1666656e0&e=45c4871904&c=28c20df4f2) • ** view in your browser (https://mailchi.mp/smashingmagazine/580-new-css-features-for-2027?e=45c4871904) 20:["$","article",null,{"className":"min-w-0 flex-1 overflow-hidden","aria-label":"#580: New CSS Features For 2027","children":[["$","$L28",null,{"emailId":"2c7df54f-8818-4b39-82c5-38c52c8b40de"}],["$","$L29",null,{"email":{"id":"2c7df54f-8818-4b39-82c5-38c52c8b40de","subject":"#580: New CSS Features For 2027","previewText":"New CSS features, tabular numbers, filling in the last row, icon and label alignment, responsive iframes. Issue #580 • Oct 13, 2026 • View in the browser (https://mailchi.mp/smashingmagazine/580-new-css-features-for-2027?e=45c4871904)\n\nhttps://www.smashingmagazine.com/the-smashing-newsletter/?mc_cid","sentAt":"2026-10-13T11:57:34.000Z","classification":"marketing","imageCount":14,"thumbnailUrl":"https://mailspo-ingest.imraan-243.workers.dev/img/renders/2c7df54f-8818-4b39-82c5-38c52c8b40de.jpg","emailType":"product_launch","typeConfidence":"guess","typeBasis":"matched the body copy","brand":{"slug":"smashingmagazine-com","followSlug":"smashingmagazine-com","name":"Smashing Magazine","domain":"smashingmagazine.com","country":null,"category":null,"categoryConfidence":null,"genZSignal":false,"logoUrl":"https://mailspo-ingest.imraan-243.workers.dev/img/logos/smashingmagazine-com/a304d4bee06300122f9775be55301c268d2a9d726649067d598099e30db11a06.png","emailCount":11,"lockedCount":0},"bodyHtml":"$2a","textBody":"$2b","bodyFallback":null}}]]}] a:null f:[["$","title","0",{"children":"#580: New CSS Features For 2027 by Smashing Magazine | Mailspo"}],["$","meta","1",{"name":"description","content":"New CSS features, tabular numbers, filling in the last row, icon and label alignment, responsive iframes. Issue #580 • Oct 13, 2026 • View in the browser (https"}],["$","meta","2",{"name":"robots","content":"index, follow"}],["$","link","3",{"rel":"canonical","href":"https://mailspo.com/emails/2c7df54f-8818-4b39-82c5-38c52c8b40de"}],["$","meta","4",{"property":"og:title","content":"#580: New CSS Features For 2027 by Smashing Magazine | Mailspo"}],["$","meta","5",{"property":"og:description","content":"New CSS features, tabular numbers, filling in the last row, icon and label alignment, responsive iframes. Issue #580 • Oct 13, 2026 • View in the browser (https"}],["$","meta","6",{"property":"og:url","content":"https://mailspo.com/emails/2c7df54f-8818-4b39-82c5-38c52c8b40de"}],["$","meta","7",{"property":"og:site_name","content":"Mailspo"}],["$","meta","8",{"property":"og:image","content":"https://mailspo-ingest.imraan-243.workers.dev/img/renders/2c7df54f-8818-4b39-82c5-38c52c8b40de.jpg"}],["$","meta","9",{"property":"og:image:alt","content":"Smashing Magazine email creative: #580: New CSS Features For 2027"}],["$","meta","10",{"property":"og:type","content":"article"}],["$","meta","11",{"property":"article:published_time","content":"2026-10-13T11:57:34.000Z"}],["$","meta","12",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","13",{"name":"twitter:title","content":"#580: New CSS Features For 2027 by Smashing Magazine | Mailspo"}],["$","meta","14",{"name":"twitter:description","content":"New CSS features, tabular numbers, filling in the last row, icon and label alignment, responsive iframes. Issue #580 • Oct 13, 2026 • View in the browser (https"}],["$","meta","15",{"name":"twitter:image","content":"https://mailspo-ingest.imraan-243.workers.dev/img/renders/2c7df54f-8818-4b39-82c5-38c52c8b40de.jpg"}],["$","meta","16",{"name":"twitter:image:alt","content":"Smashing Magazine email creative: #580: New CSS Features For 2027"}],["$","link","17",{"rel":"icon","href":"/favicon.ico?favicon.3lxqohtg4uvbd.ico","sizes":"48x48","type":"image/x-icon"}],["$","$L2c","18",{}]]

Search Mailspo