P
Matt Studdert• 13,611
@mattstuddert
Posted
Hey Alberto, great work again! To answer your questions:
- You can add
display: flex; align-items: flex-end;
to the anchor tag to align the arrow. - As for the social icon, you need to set the
height
andwidth
to ensure the element itself is a square and then center the icon. So Flexbox comes to the rescue again. This code snippet should help (obviously keep some of your other:
.fab {
height: 30px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
border: #fff solid 1px;
border-radius: 50%;
margin-right: 1.2rem;
}
I'd also recommend wrapping these icons in anchor tags, as you'd expect these to be clickable if this were a live site.
I hope this helps! Let me know if you have any questions 🙂
0