CODE EXAMPLE FOR CSS

html css practice projects

/* Creating Hashnode logo with CSS */

/* first create a div element in your html file with class="hashnode" attribute
*/

.hashnode {
    width: 5em;
    aspect-ratio: 1;
    border-radius: 1.25em;
    background: #2962ff;
    transform: rotate(45deg);
}

.hashnode:before {
    content: '';
    border-radius: 50%;
    background: white;
    height: 2em;
    aspect-ratio: 1;
}

.hashnode {
    display: grid;
    place-items: center;
}

.hashnode {
    width: 5em;
    aspect-ratio: 1;
    border-radius: 1.25em;
    background: #2962ff;
    transform: rotate(45deg);
    -webkit-mask: radial-gradient(#0000 28%, #000 28%);
    mask: radial-gradient(#0000 28%, #000 28%);
}