Question

Encontre este diseño freebie en la web y quiero hacer ese pequeño circulo al lado de la imagen de perfil con css tengo entendido que talvez se pueda hacer con pseudo-elementos, de css solo se lo básico :P

Answer 1

Para hacer un circulo puedes utilizar lo siguiente:

En tu html un div común:

<div id="circulo"></div>

En tu CSS esto:

    #circulo{
            width: 200px;
            height: 200px;
            background: green;
            border-radius: 50%;
    }

El ancho y alto pueden medir lo que quieras, siempre y cuando el valor sea igual.

Con eso ya tienes el circulo y solo es poner la posición que necesitas. :)

Saludos.