Discussion on "Learn CSS: Create the Microsoft Logo (Version 1)"

Jennifer Bland · 2022-12-29T16:58:55.830Z

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: CSS Grid Multiple CSS Classes What we will be creating We will create the Micros...

This is just amazing experience to go through this article on having a detailed description of creating logo. I am very much excited to have more of it.

I will love to learn more

Hi,

Hi Jennifer,

Your article was great for me, I'm coding the Microsoft logo. Thanks.

Hi Santos,

Glad it could help. There is a part 2 article that shows you how to create the Microsoft Logo using a different method. Check it out.

Jennifer

We can use only gap property qnd set it to 20px. Is there a difference between them?

You could use gap: 20px 20px. I broke it into two entries since this article was to teach somebody how to use CSS Grid if they were not familiar with it.

Here, is a similar SVG logo animation, I made a while ago :

codepen.io/pratiksharma/pen/yLqOdLr

The excellent article got me to learn about CSS grids.

Glad you learned something!

Discussion

Learn CSS: Create the Microsoft Logo (Version 1)

Responses(6)

Recent in Forum

Search Hashnode

Learn CSS: Create the Microsoft Logo (Version 1)

Responses(6)

Recent in Forum