css grid and bootstrap to make it responsive

Community feedback

• 

  Muhammad Shajjar•1,100

  @muhammadshajjarPosted about 3 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

  Marked as helpful

  1

  ---

  

  saykeed•110

  @saykeedPosted about 3 years ago

  Hi muhammadshajjar, thanks so much, I really appreciate u taking ur time to go over my solution. I will adjust the design, may Allah bless you.

  0

  

  Muhammad Shajjar•1,100

  @muhammadshajjarPosted about 3 years ago

  @saykeed Mention not, ThankYou

  0