html5 css3(grid ,full responsive)

Community feedback

• 

  hardy•3,660

  @hardy333Posted about 3 years ago

  • Try to add more padding/space between headings
  • try to center left and right cards vertically.

  Good luck.

  Marked as helpful

  4
• 

  P

  Ken•4,915

  @kens-visualsPosted about 3 years ago

  Hi @medoasr 👋🏻

  I have some feedback on your CSS grid and how to fix the alignment of the items.

  .boxes {
    // change rows from auto to fixed size, such as 1fr 
    grid-template-rows: repeat(2, 1fr);
  
    // also add some alignment
    align-items: center;
  
    // I'd suggest changing gap to grid-gap and apply this size
    grid-gap: 0px 20px;
  }
  

  These will help you to align the boxes as they're in the picture, after that you can tweak some padding and margin to make them look even better.

  I hope this was helpful 👨🏻‍💻 you did a good job. Cheers 👾

  Marked as helpful

  2