Height = Width Via CSS

Why does this code work?

  1. Align the inscription vertically:
display: flex; 
align-items: center;
padding: 40px; 
margin: 10px;
background: #05a87c;
color: #fff;
float: left; 
.circle::before {
content: "";
margin-top: 100%;
}

--

--

--

Frontend developer (Mail.ru GROUP, Yandex LLC, PrintBox)

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Piping data from Salesforce to MySQL without external connectors

A Tale of Brotli Compression

A step-by-step guide to creating a profitable EA

What is CompTIA Cloud Essentials+ CLO-002 And How to Study for It?

Learning How to Code, One Step at a Time

Nigel Poulton on How Kubernetes Can Make or Break the Devops Workflow

What happens when you type ls -l in the shell

Vietnam — A Popular Agile Software Outsourcing Destination

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Katerina198b

Katerina198b

Frontend developer (Mail.ru GROUP, Yandex LLC, PrintBox)

More from Medium

How to Code Your Own Dino-Game:

Hello Everyone..!

How to break or not break line into next line using CSS

Chakra Prose is finally here