css grid and bootstrap to make it responsive

Community feedback

• 

  Muhammad Shajjar•1,100

  @muhammadshajjar

  Posted almost 4 years ago

  Hi saykeed, Nice work, I think some minor changes make your solution looks more similar to design

  • Some changes on the body, you should use this color background-color: hsl(210deg 46% 95%); as background-color
  • make your content perfectly center this would help

  use body or make container class{
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  

  • instead of giving widths to grid-template-columns use 1fr which is handier to achieve design
  • use max-width:1110px on card container because card container is not 1440px, this disturbs your hole design
  • Give a look to report to overcome accessibility and HTML issues

  Hope it would help you

  12

  Marked as helpful