How to Position User Data in Front of Profile Image
I am currently struggling with positioning the user data in front of the profile image (the round one with the letter).
I have shared my code below:
<div class="conta">
<p>Logged in as:</p>
<div class="perfil">{{name}}</div>
<div class="dadosUser">
<p>{{user.username}}</p>
<p>{{user.email}}</p>
</div>
.conta{
border: 1px solid var(--primary-color);
padding: 15px;
border-radius: 5px;
margin-left: 30%;
margin-right: 30%;
}
The perfil
div is where the user's photo appears, which can be a small ball with the user's initial.