Four card feature section

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 2 years ago

  Hey there, Antoine Estievenart! 👋

  Great work on this challenge! 👍

  A couple of things I suggest are,

  • Using a single heading tag for the heading in this challenge (since it is really a single heading, not two separate headings). You can easily style each part of the heading differently by wrapping one of them in a span tag and then targeting that span in your CSS (like h1 span { styles go here }).
  • Setting the `alt` text for the icons in the feature cards to an empty string so that they will be ignored by assistive technologies (since they aren't very important to the content of the page and as a result don't need to be read by screen readers).
  • You don't need to use absolute positioning for the icons in the feature cards. You can layout the elements in the feature cards with flexbox by setting flex-direction to column. Then simply add align-self: flex-end to the icons, and they should align themselves to the right of the card. 😉

  Hope you find these tips helpful. 😊

  Keep coding (and happy coding, too)! 😁

  Marked as helpful

  1