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 Microsoft logo:
In a previous article, I showed you how to create the Microsoft Logo using CSS Grid. In this article, I will show you how to create the same logo using the box-shadow property.
We will create the Microsoft logo in pure CSS. It will look like this:
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 Microsoft logo:
We will create the Microsoft logo in pure CSS. It will look like this:
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 YouTube logo:
We will create the YouTube logo in pure CSS. It will look like this:
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 Figma logo:
flex-wrap
multiple classes
border-radius
We will create the Figma logo in pure CSS. It will look like this:
In this previous article, I showed how to do horizontal scrolling using flexbox. I was recently asked how to do the same scrolling but using CSS Grid instead. This article shows you how to do horizontal scrolling using CSS Grid.
This project will contain the following files:
It will also include one folder called images. Inside this folder will be five images. The images in the folder are: