<div class="logo">
<h1>VGG</h1>
</div>
.logo {
background-color: #000;
color: #fff;
text-align: center;
width: 150px;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-family: sans-serif;
}
h1 {
font-size: 80px;
text-transform: uppercase;
letter-spacing: 10px;
margin: 0;
}
div
element with a class of .logo
that contains an h1
element with the letters "VGG". We then style the div
to have a black background, white text, and a circular shape with a width and height of 150px. We use the display: flex
property to center the h1
element both horizontally and vertically. The h1
element is styled to have a font-size of 80px, uppercase letters, and a letter-spacing of 10px.