Learn CSS: Create the Git Logo

Jennifer Bland
4 min readJan 3, 2023

One of the best ways to learn CSS is by creating something useful while you learn. I will show you how to use the following CSS items by creating the Git logo:

  • Transform to rotate an image
  • position relative and absolute
  • pseudo classes ::before and ::after

What we will be creating

We will create the Git logo in pure CSS. It will look like this:

--

--

Jennifer Bland

Software Engineer. Google Developers Expert. Keynote Speaker. Entrepreneur. Mountain Climber. Neil Diamond fan. World traveler. jenniferbland.com & codeprep.io