HomeLearn DjangoFront-endFor beginnersAbout me

Series

Front-end

Here's a collection of CSS tips and tricks, combined with some HTML and JS.


Articles in this series

Delightful accordion

Feb 19, 2021

Accordions are useful when you want to present key information right away and give interested users the ability to learn more about the topic with a single click. In this tutorial, you'll create a stylish accordion. Along the way, you'll learn how to...

CSS specificity - What overwrites what

Jan 27, 2021

Introduction We access elements we want to style in different ways, depending on what we want to style. Tags for general styling, classes for a group of elements, and IDs for single elements. But sometimes we need to overwrite a particular set of ele...

Customizing <li> bullets

Jan 4, 2021

For a great-looking webpage, all elements need to match the design, including bullets. By default, list styling is very limited: While you can change its type, you can't change the color. You can select the position of the bullet in two ways (inside...

CSS pseudo-elements: `before` and `after`

Nov 12, 2020

My first job was at a firm that created custom websites. They mostly looked awesome and were CSS-heavy. I was an hour into my first day when I already encountered a ::before - something a junior rarely uses at home when learning and it's hard to grip...

© 2021 GirlThatLovesToCode

PrivacyTerms
Proudly part of