faq-accordion-card-main with FLEXBOX AND GRID SYSTEM

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Hello, mohammad! 👋

  Good job on this challenge! 👏 It's good to hear that you had fun building this challenge and that Frontend Mentor is helping you develop and improve your skills! 🎉

  One or two things I'd like to suggest are,

  • Adding a little space between the top of the accordion card and the top of the page in the mobile layout so that the illustration doesn't get cut off (as Pedro Montesinos mentioned).
  • Using the font provided in the free starter files for the answers to the FAQs in the accordion card.

  By the way, you can use the native HTML <details> and <summary> elements to easily create a fairly accessible accordion without having to use any JS. If you’d like to learn more about those elements and how you can use them, check out this helpful article from MDN. 🙂

  Keep coding (and happy coding, too)! 😁

  0

  ---

  

  mohammad•305

  @Mohammd1321Posted over 3 years ago

  @ApplePieGiraffe oh i thought the font i was provided with only apply on the h1 FAQ text I think I was wrong and OHH details and summary that is something new to me i well check that out thx again for the help 😃😃

  1
• 

  Pedro Montesinos•135

  @pedrolmrPosted over 3 years ago

  Hey! It looks good but the image cuts off in mobile view

  0

  ---

  

  mohammad•305

  @Mohammd1321Posted over 3 years ago

  @pedrolmr yeah you are right i did not pay attention to that thx for letting me know mate :)

  0