Posted Wednesday, November 1, 2023
Some sensible defaults for your img elements ↗
Tweet from Harry Roberts, csswizardry
img {
max-width: 100%; /* [1] */
height: auto; /* [1] */
vertical-align: middle; /* [2] */
font-style: italic; /* [3] */
background-repeat: no-repeat; /* [4] */
background-size: cover; /* [4] */
shape-margin: 0.75rem; /* [5] */
}
Harry notes that adding font-style: italic
is to make alt text look different from regular text.