Responsive page using flex box and Grid.

Community feedback

• 

  Travolgi 🍕•31,400

  @denieldenPosted about 2 years ago

  Hello Mohit, You have done a good work! 😁

  Some little tips to improve your code:

  • use main tag to wrap the card and improve the Accessibility but not as a container of that one element
  • also you can use article or blockquote tag instead of a simple div to the container card for improve the Accessibility
  • use min-height: 100vh to body instead of height, otherwise the content is cut off when the browser height is less than the content
  • add transition on the element with hover effect
  • instead of using px or % use relative units of measurement like rem -> read here

  Keep learning how to code with your amazing solutions to challenges.

  Hope this help 😉 and Happy coding!

  Marked as helpful

  1

  ---

  

  Mohit kumar•150

  @mk513147Posted about 2 years ago

  @denielden Thank you, I'll do so..

  1

  

  Travolgi 🍕•31,400

  @denieldenPosted about 2 years ago

  @mk513147 you are welcome and keep it up :)

  1
• 

  Taner•190

  @tanererenPosted about 2 years ago

  The Fetch API call was introduced with ES6 in 2015. It's currently the most clean and easiest to use. It's native to the browser (doesn't need to be loaded from an external source)

  There are other methods of API callbacks though, for example:

  • XMLHttpRequest - which is the oldest one and the syntax isn't that great
  • JQuery's .ajax method - JQuery is a JS library that was very popular and helped manipulate the DOM with less code

  Other promise based Ajax libraries:

  • Qwest
  • SuperAgent
  • Axios

  Marked as helpful

  1

  ---

  

  Mohit kumar•150

  @mk513147Posted about 2 years ago

  @tanereren Thanks I'll try it!

  1