Category: CSS

19
Apr
2025
Posted in Sheet Worker Extras Repeating Section Extras CSS Extras

Radio Buttons in a Repeating Section

Since it’s Easter weekend, lets have a break from the recent multi-month long posts. It’s pretty common to try to include a radio button in a repeating section, but there are problems with that. Here is the main problem and a solution.

27
Mar
2025
Posted in CSS Extras

Classes vs Inline Styles

You’ve probably heard some variation of “use Classes, not Inline Styles”. That’s sensible, and I’m going to show just how easy that is.

31
Oct
2024
Posted in CSS Extras

CSS Grid – When Grid Goes Wrong

CSS Grid is very easy, but there are common pitfalls to watch out for.

24
Oct
2024
Posted in CSS Extras

CSS Grid – Repeating Sections

Repeating sections present their own challenges to CSS Grid. We’ll look at them here.

17
Oct
2024
Posted in CSS Extras

CSS Grid – Display Contents

What is display: contents for?

10
Oct
2024
Posted in CSS Extras

CSS Grid – Massaging The Grid

There are some technques that don’t fit in the previous posts, as well as common pitfalls to watch out for.

03
Oct
2024
Posted in CSS Extras

CSS Grid – Nesting Grids and Multiple Grids

The missing piece which lets you go wild with grid layouts.

19
Sep
2024
Posted in CSS Extras

CSS Grid – Creating a Layout

CSS Grid is an amazing tool for planning and laying out enter sections of a sheet. We’ll look at how to do that here.

12
Sep
2024
Posted in CSS Extras

CSS Grid – Grid Cells

What is a Grid Cell, and how can you use this to your advantage?

05
Sep
2024
Posted in CSS Extras

CSS Grid – Making Columns

The start of a short series looking to how to use CSS Grid. First, we’ll build a set of columns.

22
Aug
2023
Posted in CSS Extras

Hiding Arrows in Dropdowns and Inputs

Number inputs and selects have spinners (up/down arrows) or dropdown arrows. How do you remove them?

18
Apr
2023
Posted in CSS Extras

Removing the Dice Icon In Buttons

The dice icon in roll buttons was a great idea. Here’s how to remove it.