Can someone tell me a way to make the name/age and the city info to get closer.
Also how to deal with the svg bg (how to manipulate and position them on the corners of the screen) :)
-Make in HTML a div with nothing inside, just a class like class ="border-gray"
-In css you can do : .border-gray { display : block; height: 1px; and background-color : xxx; }
Easier way i think. Just play with opacity on you'r hsl to match with the preview.
For the svg/background :
It's a solution, but i don't know if it's the good way.. but :
add background-image on you'r body ( the two svg ).
play with background-position and the vh/vw.
don't forget a media queries, because circle it's not the same on desktop and mobile!
If you want to see the my solution, you can go on my profil!