On Chrome, a sticky header was obscuring the content of an anchored section even though scroll-margin-top was properly set.
Continue readingscroll-margin-top not working on ChromeCategory 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.
Continue readingDefinition List with CSS GridRGB 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 …
Continue reading “RGB Values as CSS Variables”
Continue readingRGB Values as CSS VariablesImages 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 ContainersThe 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 …
Continue reading “The Petfinder Module – Version 3.3.0”
Continue readingThe Petfinder Module – Version 3.3.0