Column Card

Community feedback

• 

  Vanza Setia•27,715

  @vanzasetia

  Posted about 4 years ago

  👋 Hi Ezra Akankwasa! My name is Vanza!

  I have a feedback on mobile view. I think you can remove these two properties from your body style:

  body {
    margin-left: 17%;
    margin-right: 17%;
  }
  

  Since it makes all the cards right align (try to see it with dev tool and set the screen size to 360px * 640px).

  Also a feedback on your html, the best practice is always using only one h1 on header, so my recommendation is that change all h1 to h2.

  That's it! Hopefully this is helpful!

  Happy Coding!

  01

  Marked as helpful
• 

  P

  j5•2,270

  @jmnyarega

  Posted about 4 years ago

  You did great @ezraakankwasa 🙌 and the semantic HTML is looking great.

  One Nitpick:

  • When hovering on the buttons, the whole card seems to shift position, you can easily fix that by giving the border the same value before and after hovering. your case, I think this should work.

  .btn {
       border: 0.15rem solid;  // on hover is 0.15rem too.
  }
  

  01

  Marked as helpful
• 

  Abdulaziz Ba Haj•70

  @AbdulazizBaHaj

  Posted about 4 years ago

  Great work ezra!

  01

  Marked as helpful