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

Migrate from Heroku to DigitalOcean via Dokku

Data Engineer Blog 0x0009 (2021–11–20)

A pragmatic way of closing in on programming

Five key points of being a product manager

Understand RESTful API and create your first RESTful API in 3 min

show image from http response in python

Learn how to use Azure Functions to process data from Azure Event Hubs and persist to Azure Cosmos…

IE Intranet and Trusted Modes

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

Media queries with display-mode

Ingredients for Better Accessibility — Part Two: Customizing the Recipe

A chef sprinkles seasoning on a sizzling pan of spicy food

Enable Accessibility

Everlane home page screen shot with “Enable Accessibility” feature in the top right corner

Are your inspection spaces failing? This might be the reason why