Four Card Feature Section built with HTML and CSS

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Hello there, John_diddles! 👋

  Nice job on this challenge! 👏

  I suggest,

  • Using a single <h1> tag for the heading of the page (since it is really a single heading, not two separate headings) and it is recommended that you only use one <h1> tag per page. You can easily wrap the different parts of the heading in <span> tags to style them differently.
  • Adding another media query or two to make sure that your site is responsive for all screen sizes. Currently, a horizontal scroll bar appears along the bottom of the page at around 950px before the layout changes from desktop to tablet/mobile.
  • Increasing the size of the text in the feature cards just a bit (they look a little small, at the moment).
  • Increasing the font-weight of the second part of the heading (as in the original design) to make it bolder.

  Hope those tips help. 🙂

  Keep coding (and happy coding, too)! 😁

  Marked as helpful

  1

  ---

  

  John_diddles•470

  @JohndiddlesPosted over 3 years ago

  @ApplePieGiraffe Thanks. This is more than just helpful. 🤗

  1