On Chrome, a sticky header was obscuring the content of an anchored section even though scroll-margin-top was properly set.
Category Archives: HTML/CSS
Definition List with CSS Grid
Laying out a definition list to look like a telephone directory requires 2 lines of CSS using grid.
RGB Values as CSS Variables
I was working on a site that was color-coding project types and there was a need to use one color with varying opacity per project type. For the full opacity colors, I could use the hex value, the rgb syntax, or the rbga syntax with “1” as the opacity. But with so many style declarations …
Images not Scaling Correctly in Flexbox Containers
I had a situation where images in flexbox containers were not behaving responsively, in that they did not scale proportionately depending on viewport width.
Continue readingImages not Scaling Correctly in Flexbox Containers
The Petfinder Module – Version 3.3.0
Petfinder 3.3.0 introduced the Polaroid Effect option thanks to a recommendation from my good friend at GrimeyMedia. You can check it out on the demo page. Once the Polaroid Effect is enabled, a site administrator has the ability to set the maximum degree of rotation for each pet card. The range is between 1 and …