Fylo Landing Page with two columns. HTML, CSS

Community feedback

• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted about 5 years ago

  Hey Alberto, great work again! To answer your questions:

  1. You can add display: flex; align-items: flex-end; to the anchor tag to align the arrow.
  2. As for the social icon, you need to set the height and width 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