Category: CSS Extras

03
Oct
2024
Posted in CSS Extras

CSS Grid (Part 4) – 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 (Part 3) – 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 (Part 2) – 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 (Part 1) – 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.

06
Apr
2022
Posted in CSS Extras

Avoid Using Inline Styles

Inline styles are when you put style: directly in the HTML. Here are the benefits of using CSS instead.

04
Apr
2022
Posted in CSS Extras

Don’t Use TABLE – use GRID

When creating a sheet, don’t use TABLE. Learn how to use CSS Grid to EASILY organise your sheet.