Responsive design implemented using grid and flex box

Hi, Manigandan! 👋

Nice work on this challenge! 👍

Some feedback to improve this solution.

• Don't limit the height of the body element, it will not allow the users to scroll the page if the page content needs more height. Use min-height instead. Also, there's no need to specify width: 100% for the body element because by default it already has 100% of the width.
• The Sign-up button should be a link element. I would expect it will navigate me to the Sign-up page after I click the button. Regardless, I would recommend always specifying the type of the button to prevent it from behaving unexpectedly.
• The text below the "Why Us" should be a list. In my opinion, it much more makes sense if it is read as a list instead of as a sentence. Also, if the site has no styling, a list element would be a good fit.
  • Tutorials by industry experts
  • Peer & expert code review
  • Coding exercises
  • etc...

I hope this helps!

Your solution looks great but on smaller screens your card dont have enough width, reduce the margin left and right on smaller devices.

Besides good job there👍 Happy coding👍