@Rioba-Ian
Posted
Your solution is match on. You did quite great.
On the very last part as in styling those elements, you could wrap them inside a div. Let me copy paste your code below and how we could align them in the center.
<img class="avatarImage" src="images/image-avatar.png" alt="avatar">
<span class="author">Creation of <span class="name">Jules Wyvern</span></span>
You could wrap them inside a div e.g
<div class="creator">
<img class="avatarImage" src="images/image-avatar.png" alt="avatar">
<span class="author">Creation of <span class="name">Jules Wyvern</span></span>
</div>
Styling:
.creator{
display: flex;
flex-direction: row;
align-items: center;
}
Marked as helpful
@gabilucuta
Posted
@Rioba-Ian Thanks man !!
@Rioba-Ian
Posted
@gabilucuta You're welcome, you can use css grid. I am also learning css grid, I find flexbox easier but grid has its powers in more complex designs.
Marked as helpful