Four Card Feature with Flexbox and Grid Reponsive design

Community feedback

• 

  Adarsh Pratap•5,515

  @adarshcodesPosted over 4 years ago

  Hi! @Jim, First of all, Welcome to this amazing community of learning Developers💖 Let's see your overall solution and start learning with each other🙂

  1. Okay, so firstly talking about your design- Your design looks fine but the thing you can change is:

  • You can change the shadows of the card as per the design.
  • Add margin-top to the footer and remove the position: absolute; from the footer.

  2. Let's see the responsiveness- Okay, so your responsiveness works well but, you can change a few things:

  • Add space between the cards in a responsive state. The cards stack over each other.
  • Add one more breakpoint for responsiveness at 450px around so that the mobile view will be great.

  3. About your code:

  • Great👍 your code is clean and easy to understand.

  4. Accessibility and HTML issues-

  • NO Issues, nice🙂

  Keep Coding🐱‍💻

  2