DEV Community

Leandro Barbosa
Leandro Barbosa

Posted on

2

Google Logo

here is my version of google logo with only css

The only div html

and here is the css code

start with the body


and here our google-logo class

Ithe circle with differents colors


here we gonna create the retangle to do the G using the :before
Retangle


and finally the triangle to be able to do the same shape as a google logo, with :after

triangle


----------------------THE FINAL RESULTS-----------------------

google-logo


Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (1)

Collapse
 
thomasbnt profile image
Thomas Bnt

Hello ! Don't hesitate to put colors on your codeblock like this example for have to have a better understanding of your code 😎

console.log('Hello world!');
Enter fullscreen mode Exit fullscreen mode

Example of how to add colors and syntax in codeblocks

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay