Faulty logic

@media (min-inline-size: 40em)
@media (min-width: 40em)
main {
container-type: inline-size;
}
@container (min-width: 40em)
@container (min-inline-size: 40em)
.table-container {
max-inline-size: 100%;
overflow-inline: auto;
}
.table-container {
max-inline-size: 100%;
overflow-x: auto;
}
.table-container {
max-width: 100%;
overflow-x: auto;
}

--

--

--

A web developer and author living and working in Brighton, England. Everything I post on Medium is a copy — the originals are on my own website, adactio.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

It works like magic.

Python for beginners: Create 10 Useful Projects Step by Step FeeUseCourses

Semantics, performance and good practices on the Front-end

Practical Python: Class vs Instance Variables

Salesforce Trailhead學習筆記(二) Salesforce Platform Basics

How to use git reflog

To learn to code or not to learn to code.

The Adventures of a Cyber Lifetime v.2

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jeremy Keith

Jeremy Keith

A web developer and author living and working in Brighton, England. Everything I post on Medium is a copy — the originals are on my own website, adactio.com

More from Medium

Partnering with Google on web.dev

Trouble at the office

OTT Apps: Combat short attention spans, and keep users engaged

Creating my personal website with Astro, Tailwind CSS, and Nx