Category: 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.
CSS Grid – When Grid Goes Wrong
CSS Grid is very easy, but there are common pitfalls to watch out for.
CSS Grid – Repeating Sections
Repeating sections present their own challenges to CSS Grid. We’ll look at them here.
CSS Grid – Display Contents
What is display: contents for?
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.
CSS Grid – Nesting Grids and Multiple Grids
The missing piece which lets you go wild with grid layouts.
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.
CSS Grid – Grid Cells
What is a Grid Cell, and how can you use this to your advantage?
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.
Hiding Arrows in Dropdowns and Inputs
Number inputs and selects have spinners (up/down arrows) or dropdown arrows. How do you remove them?
Removing the Dice Icon In Buttons
The dice icon in roll buttons was a great idea. Here’s how to remove it.
Avoid Using Inline Styles
Inline styles are when you put style: directly in the HTML. Here are the benefits of using CSS instead.
