CSS

Change the aspect ratio of an image using CSS

by Gav 24/09/2021

In this post I'll show you how to change the aspect ratio of an image or element using CSS, and explain why this is important.

Changing bullet colour and icon of a html list element using CSS

by Gav 02/03/2021

You probably know a few tricks for changing bullet colour and icon of a html list element using CSS, but this one might be new!

@Debug, @Warn and @Error: debugging in Sass

by Gav 07/11/2019

Did you know that Sass offers debugging tools to make CSS styling easier? Learn how to use @debug, @warn and @error to send debug messages to your console.

@If, @Else, @Else if and @If not: Sass conditional statements

by Gav 06/11/2019

Using conditional statements in Sass and SCSS. Learn how to use @if, @else, @else if and @if not in this simple tutorial.

For, Each and While loops in Sass and SCSS

by Gav 05/11/2019

How do you do For, Each and While loops in Sass and SCSS. Learn how to loop in Sass using this simple tutorial, with examples.

Only hide CSS overflow on a single x or y axis, or ignore it

by Gav 11/10/2019

Learn some tricks to work with overflow, overflow-x and overflow-y:hidden. Lets fix hiding overflow on a single axis only and escape child elements.